0

我很困惑为什么当我将元素添加到可观察数组时我的 UI 没有更新。我意识到我没有对我的 AJAX getJSON 调用数据做任何事情，但是当我向其中添加元素时，淘汰赛不应该更新我的可观察数组吗？它显示“test1”很好但不是“test2”。没有 PHP 或 JS 错误，它根本不会更新 UI。

HTML：

<div class="allScheduleWrap" data-bind="foreach: schedules">
    <div class="schedule">
        <div class="downTime" data-bind="text:downTime"></div>
    </div>
</div>

JS：

$(document).ready(function() {
    var AllSchedules = [];
    AllSchedules.push({downTime: "test1"});

    function SchedulesViewModel() {
        var self = this;
        self.schedules = ko.observableArray(AllSchedules);
    }

    ko.applyBindings(new SchedulesViewModel());

    $.getJSON("GetSchedules.php", function(data) {          
        AllSchedules.push({downTime: "test2"}); //does NOT update the UI

    });
});
4

2 回答 2

1

您应该将数据推送到可观察数组（shedules）而不是 AllSchedules 变量。用这个替换你的代码应该使它工作：

var model = new SchedulesViewModel()
ko.applyBindings(model);

$.getJSON("GetSchedules.php", function(data) {          
    model.schedules.push({downTime: "test2"}); 

});
于 2012-09-20T15:17:12.920 回答
0

因为 AllSchedules 数组不是 observable 数组，所以改为 observableArray

于 2012-09-20T06:56:37.170 回答