使用Kendo Grid与Breeze和Knockout

时间:2013-07-11 14:47:04

标签: knockout.js kendo-ui breeze

我正在尝试向我的SPA添加一个KendoUI网格,我正在使用Hot Towel模板。它只是显示为一条线,我不确定我做错了什么。

我按照这里的例子: http://kendo-labs.github.io/knockout-kendo/web/Grid.html

    <div data-bind="kendoGrid: items" />

这是一个证明问题的jsFiddle。 http://jsfiddle.net/Togas/NfK6W

编辑:删除了durandal标签,因为这似乎不是问题的一部分

2 个答案:

答案 0 :(得分:2)

当您调用ko.applyBindings时,viewModel.items为空,因此它使用它来绘制网格...这意味着它没有列而没有行。如果您没有在绑定选项中定义任何内容,那么您将获得一行。然后当你的ajax调用完成时,它无法重绘。

使用列定义网格,并在具有已定义列的rowViewModel中包含breeze实体。

<div data-bind="kendoGrid: { data: items, groupable: true, sortable: true, columns: [ {field: 'Description',width: 90,title: 'Description'}] }"></div>

http://jsfiddle.net/dcgVA/2/

答案 1 :(得分:1)

修改:更新了错误的链接。 HotTowel基于DurandalJS。您看到http://durandaljs.com/documentation/KendoUI/并按照说明进行操作了吗?