Question

我正在使用最新版本的pf Knockout，Kendo和Knockout-Kendo绑定，但是我很难将这个简单的例子绑定。我想将网格投标到可观察数组。我还想将分页参数绑定到模型中相应的可观察属性。我在这里缺少什么阻止网格正确绑定到数据？我如何绑定寻呼机属性？

Here's the JS Fiddle

这是HTML代码。

<div><h2>Names List</h2></div>

<div data-bind="kendoGrid: { data: names, rowTemplate: 'rowTmpl', useKOTemplates: true, paging: { pageSize: 3} }"></div>
<div id="pager"></div>

<script id="rowTmpl" type="text/html">
    <tr>
        <td data-bind="text: $data"></td>            
    </tr>
</script>

<script>
    var vm = new ViewModel();
    ko.applyBindings(vm);
</script>

这是Javascript

var ViewModel = function () {
    var self = this;
    self.selectedPageSize = ko.observable(3);
    self.selectedPage = ko.observable(1); 
    self.totalPages = ko.observable(); 

    self.names = ko.observableArray(["Fred", "Barney", "Wilma", "Betty", "Tom", "Dick", "Harry"]);
}

Answer 1

我已将ko.applyBindings放在ViewModel功能之后。

对于分页，正确的语法是：

<div data-bind="kendoGrid: { data: names, 
                             rowTemplate: 'rowTmpl', 
                             useKOTemplates: true, 
                             dataSource: { pageSize: 3 }, 
                             pageable: true  }"></div>

fiddle

绑定剑道网格与淘汰3.1

1 个答案: