1

添付のコードを参照してください。

DummyTextは観測可能であり、カスタム バインドは で定義されていko.bindingHandlers.dummytextます。ただし、this.DummyText("dummy_text_" + this.firstName());呼び出しはupdate: function (element, valueAccessor,....1 回だけなので、<span data-bind="dummytext: DummyText"></span>更新されるのは 1 回だけです。

テキストは、テキスト バインドされた参照として作成され、<span data-bind="text: Text"></span>常に更新されます。

this.DummyText("dummy_text_" + this.firstName());常に電話をかける方法update: function (element, valueAccessor,....

<html>
<head>
</head>
    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js"></script>
    <script src="//ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.debug.js"></script>
<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>
    <div><span data-bind="text: Text"></span></div>
    <div><span data-bind="dummytext: DummyText"></span></div>

    <script>
        ko.bindingHandlers.dummytext = {
            //init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
            //},
            update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
                var value = valueAccessor(), allBindings = allBindingsAccessor();
                var s = value._latestValue;
                $(element).html(s);
            }
        };

        var ViewModel = function (first, last) {
            this.firstName = ko.observable(first);
            this.lastName = last;
            this.DummyText = ko.observable("dummy_text_");
            this.Text = ko.observable("text_");

            this.fullName = ko.computed(function () {
                this.Text("text_" + this.firstName());
                this.DummyText("dummy_text_" + this.firstName());

                return this.firstName() + " " + this.lastName;
            }, this);
        };

        ko.applyBindings(new ViewModel("Planet", "Earth"));
        </script>

</body>
</html>
4

1 に答える 1

2

value._latestValue の代わりに value() を使用して依存関係をトリガーし、値が更新されたときに現在のバインディングを更新する必要があることを Knockout が認識できるようにする必要があります。

これをチェックしてください：http://jsfiddle.net/b4bDQ/

ko.bindingHandlers.dummytext = {
        //init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        //},
        update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
            var value = valueAccessor(), allBindings = allBindingsAccessor();
            var s = value(); // Here should use () to trigger the subcribing dependency // value._latestValue;
            $(element).html(s);
        }
    };
于 2013-08-21T19:01:21.820 に答える