网格淘汰剑道传呼机出了点问题

时间:2013-01-02 13:07:10

标签: knockout.js kendo-ui

我正在使用网格,一切都很完美:我可以更新删除并添加行,并且更改正在立即更新 但我的寻呼机有问题: 甚至在示例页面中 http://rniemeyer.github.com/knockout-kendo/web/Grid.html

,当网格中的记录少于一个pageSize时: 寻呼机上的消息是:“NaN - 3个项目的NaN”(这是错误的,它必须像“3个项目中的1 - 1”) 解决这个小问题的解决方法是什么?

谢谢转发

3 个答案:

答案 0 :(得分:6)

问题是因为pageSize未定义。为了演示它,定义一个网格,id设置为网格。然后添加以下HTML标记:

<a id="fix" href="#" class="k-button">Fix</a>

以及以下JavaScript代码:

$("#fix").on("click", function () {
    var grid = $("#grid").data("kendoGrid");
    grid.dataSource.pageSize(2);
});

您最初会看到NaN - NaN of 3 items,但只要您{em>修复 click button,它就会显示1 - 2 of 3 items。< / p>

答案 1 :(得分:1)

首先,非常感谢OnaBai,你非常帮助我。 与此同时,我发现了另一个技巧,用于以knockoutjs customHandler的方式编写相同的东西:

 <div id="parcels_Grid" data-bind="kendoGrid:{ dataSource:
 {data:someData
 ,pageSize:3} 
 ,data:someData, rowTemplate: 'rowParcelTmpl', altRowTemplate:   
 'altParcelTmpl',   useKOTemplates: true }"> </div>

注意,您必须指定“dataSource”和“data”属性(否则它应该不起作用)

答案 2 :(得分:1)

<div id="grid" class="grid" data-bind="kendoGrid: {
data: Reminderlist, scrollable: false, resizable: true, selectable: false, scrollable: false, sortable: true, selectable: 'multiple cell', pageable: true, groupable: true, dataSource: { pageSize: 20 },
                           columns: [{ field: 'Duration', title: 'Duration' },
                                     { field: 'Subject', title: 'Subject' },
                                     { field: 'EmailMessage', title: 'Email Message' },
                                     { field: 'SMSText', title: 'Message Text' }
                                    ], change: GridChange
}">
</div>

dataSource: { pageSize: 20 }这样指定....

如果你这样提及pageSize: 20,它就不适用于某些人