我正在使用网格,一切都很完美:我可以更新删除和添加行,并且更改会立即更新,但寻呼机有问题:即使在示例页面 http://rniemeyer.github.com/knockout-剑道/web/Grid.html
,当网格中的记录少于一个 pageSize :消息在寻呼机上是:“NaN - NaN of 3 items”(这是错误的,它必须像“1 - 1 of 3 items”)是解决任何解决方法的地方这个小问题?
感谢转发
我正在使用网格,一切都很完美:我可以更新删除和添加行,并且更改会立即更新,但寻呼机有问题:即使在示例页面 http://rniemeyer.github.com/knockout-剑道/web/Grid.html
,当网格中的记录少于一个 pageSize :消息在寻呼机上是:“NaN - NaN of 3 items”(这是错误的,它必须像“1 - 1 of 3 items”)是解决任何解决方法的地方这个小问题?
感谢转发
问题是因为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
但是一旦您click
在Fix button
它就会显示1 - 2 of 3 items
。
首先,非常感谢 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”属性(否则它不应该工作)
<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
这样,它在某些情况下不起作用