Nasıl Nakavt veri bağlamak için JS-odaktan yerine tuşa basıldığında alabilir miyim?

SORU

8 Aralık 2010, ÇARŞAMBA

Nasıl Nakavt veri bağlamak için JS-odaktan yerine tuşa basıldığında alabilir miyim?

knockout js Bu örnek, bir alanı düzenlemek ve TAB tuşuna basın, viewmodel verileri ve aşağıdaki alanları metni dolayısıyla güncelleştirilmesi çalışır.

Nasıl viewmodel verileri her basışı güncelleştirilmesi bu kodu değiştirebilir miyim?

alt text

<!doctype html>
<html>
    <title>knockout js</title>
    <head>
        <script type="text/javascript" src="js/knockout-1.1.1.debug.js"></script>
        <script type="text/javascript">
        window.onload= function() {

            var viewModel = {
                firstName : ko.observable("Jim"),
                lastName : ko.observable("Smith")
            };
            viewModel.fullName = ko.dependentObservable(function () {
                return viewModel.firstName()   " "   viewModel.lastName();
            });

            ko.applyBindings(viewModel);
       }
        </script>
    </head>
    <body>
        <p>First name: <input data-bind="value: firstName" /></p>
        <p>Last name: <input data-bind="value: lastName" /></p>
        <h2>Hello, <span data-bind="text: fullName"> </span>!</h2>
    </body>
</html>

CEVAP

8 Aralık 2010, ÇARŞAMBA

<body>
        <p>First name: <input data-bind="value: firstName, valueUpdate:'afterkeydown'" /></p>
        <p>Last name: <input data-bind="value: lastName, valueUpdate: 'afterkeydown'" /></p>
        <h2>Hello, <span data-bind="text: fullName"> </span>!</h2>
</body>

documentation

Ek parametreler

valueUpdate

Eğer bağlama da bir parametre valueUpdate, bu içeriyorsa KO değişiklikleri belirlemek için kullanması gereken tanımlar. Bu dize değerleri aşağıdaki en çok yararlı seçenekleri:

<>p "" (varsayılan) - güncelleştirmeleri görüntüle model kullanıcı değiştir bu durumda farklı bir kontrol için, ya da odak taşır herhangi bir değişiklikten sonra hemen unsurları

< . p ^"" - güncellemeler, kullanıcı bir tuşu bıraktığında . görünümü model keyup

< . p ^"" - güncellemeler, kullanıcı yazdığınız zaman görünümü model basışı anahtar. Kullanıcı bir anahtar tutarken, keyup, bu güncellemeleri tekrar tekrar farklı aşağı

"" - güncelleştirmeleri görüntüle model olarak kullanıcı afterkeydown başlar bir karakter yazmak. Bu tarayıcının alıcı ile çalışır ve olay işleme uyumsuz olarak kapatıyorsa olay.

"Eğer istersen" en iyi seçimdir afterkeydown bu seçeneklerden görünüm modeli gerçek zamanlı olarak güncel tutmak.