Knockout阵列订阅无法正常工作

Question

我已经尝试了几天让Knockout每次在人员列表中的"邮政编码"值发生变化时举起一个事件.我尝试了各种方法来实现这种行为,但似乎无法做到这一点.目前,这是我的Html: -

<table>
    <thead>
        <tr>
            <th>First name</th>
            <th>Last Name</th>
            <th>Age</th>
            <th>Zip Code</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: people">
        <tr>
            <td data-bind="text: firstName"></td>
            <td data-bind="text: lastName"></td>
            <td data-bind="text: age"></td>
            <td ><input id="zipCodInput" data-bind="value: zipCode" /></td>
        </tr>
    </tbody>
</table>
</body>

这是我填充表格的脚本: -

<script>
    jQuery(document).ready(function () {

        // Ultimately will come from an Ajax call
        //var result = $.ajax({
        //    type: "GET",
        //    url: "/api/Resource",
        //    async: false
        //}).responseText;

        // Hard coded array for testing
        var result = [{ "firstName": "Jimmy", "lastName": "Smith", "age": "43", "zipCode": "" },
        { "firstName": "John", "lastName": "Jones", "age": "23", "zipCode": "" },
        { "firstName": "Sarah", "lastName": "Palmer", "age": "26", "zipCode": "GH7HU" },
        { "firstName": "Fred", "lastName": "Smith", "age": "34", "zipCode": "" },
        { "firstName": "Simon", "lastName": "Davis", "age": "53", "zipCode": "" }];

        function viewModel() {
            var myArray = ko.observableArray(result);

            myArray.subscribe(function (changes) {
                console.log(changes);
            }, null, "arrayChange");

            people = myArray;
        };

        ko.applyBindings(new viewModel());
    });
</script>

它正确绑定数据,但在编辑页面上的邮政编码行时,我从未收到任何更改.知道如何修改或重写代码以便能够捕获这些更改吗？

最后,我想只将更改的行添加到json数组中以回发服务器端.

谢谢.

Answer 1

默认情况下,您不会在此处获得observableArray级别的通知.之所以observableArray只关注它的目录中的项目,而不关心这些项目的属性是否在变化.

如果你想观察变化,你可以这样做 -

var myArray = ko.observableArray(result);
ko.utils.arrayForEach(myArray(), function (thisItem) {
    thisItem.subscribe(function (changes) {
        console.log(changes);
    });
});

people = myArray;

这将订阅observableArray中的每个单独对象,并在该对象上的属性发生更改时触发.