淘汰赛的数据绑定问题

Question

当我尝试在页面加载时使用敲除绑定数据时，它工作正常。但是当回发时它会抛出一个错误“你不能多次将绑定应用于同一个元素。”并且数据以错误的方式重复。

脚本和视图如下。它从控制器返回所需的视图模型。

请帮我解决这个问题..

脚本：

> var dataCollection = ko.observableArray();
> 
> function loadShiftSummary() {
>     ko.cleanNode($("#shiftInfo"));
>     $.ajax({
>         url: 'testurl',
>         type: 'post',
>         contentType: 'application/json',
>         success: function (data) {           
>    
>             dataCollection = ko.mapping.fromJS(data.rosterViewModels);
>             ko.applyBindings(dataCollection, document.getElementById("shiftInfo"));
>         }
>     }); }

查看：

>  <tbody data-bind="foreach: dataCollection">
>         <tr>
>             <td data-bind="text: Description"></td>
>           
>             @for (int i= 0; date < 30; i++)
>             {
>                 <td data-bind="text: $data.CountArray()[@i]"></td>
>             }
>         </tr> 
> </tbody>

谢谢

Answer 1

原因是，ko.applyBindings(dataCollection, document.getElementById("shiftInfo")); 被多次调用。

我的建议是在你的文件中准备好放这个

ko.applyBindings(dataCollection, document.getElementById("shiftInfo"));

并将其从函数中删除

function loadShiftSummary() {

    $.ajax({
        url: 'testurl',
        type: 'post',
        contentType: 'application/json',
        success: function (data) {           

            dataCollection(ko.utils.unwrapObservable( ko.mapping.fromJS(data.rosterViewModels)));

        }
    }); 
}

ko.applyBindings 每页/部分不应被多次调用