0

KnockoutJS と WebApi。カスタム バインディングで試したところ、バインディング データをカスタム バインディング関数に渡すことができません。

ここで何かが欠けていることは間違いありません。

ガイドライン、記事、またはサンプルコードは大歓迎です。どうもありがとう。

<script>
function ViewModel() {
    var self = this;
    self.items = ko.observableArray();

    // This is getting data, and tested have data returned.
    var baseUri = 'api/items';
    $.getJSON(baseUri, self.items);
}

$(document).ready(function () {
    ko.bindingHandlers.testBinding = {
        init: function (element, valueAccessor) {
            var value = valueAccessor();
            var valueUnwrapped = ko.utils.unwrapObservable(value);
            // This is always 0.
            alert(valueUnwrapped.length);
        },
        update: function (element, valueAccessor) {
            var value = valueAccessor();
            var valueUnwrapped = ko.utils.unwrapObservable(value);
            // This is always 0.
            alert(valueUnwrapped.length);
        }
    };

    // Binding to Web Api data.
    ko.applyBindings(new ViewModel());

    // Test it with static data, and custom binding works. The length displayed 2. 
    //var viewModel = {
    //  items: ko.observableArray([{name: "Bob1"}, {name: "Bob2"}])
    //};
    //ko.applyBindings(viewModel);

});
</script>
<div data-bind="testBinding: items"></div>
4

1 に答える 1

1

データは非同期に入力されるため、init は常にゼロになります (したがって、データバインドすると配列は空になります)。

更新は一度ゼロにする必要があり、次回は正しい長さを返します..

Test this little fiddle

http://jsfiddle.net/SVQhR/

于 2013-06-26T12:46:07.740 に答える