使用ko绑定设置kendo网格的选项

时间:2015-03-19 18:24:24

标签: knockout.js typescript kendo-grid

我尝试按照此页面中的说明操作:https://rniemeyer.github.io/knockout-kendo/web/Grid.html用于将kendo网格绑定到knockout可观察数组。我认为它工作正常,但在该链接中指定网格选项的方法是: 1.在html中声明 2.通过在ko.bindingHandlers.kendoGrid.options

中设置全局选项

事情是,我真正想要的是能够只为这个网格指定那些SPECIFIC的选项,但是在javascript文件中这样做(如果有帮助,我会使用typescript)。

我想要这样做的原因是因为对于更高级的设置,例如选择监听器等,它在typescript中更容易实现,因为它可以访问父对象的方法和什么不是。

1 个答案:

答案 0 :(得分:0)

以下是您可以使用的小提琴:JSFiddle

Kendo grid Html:

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

使用Javascript:

    var grid = {
  data: false,
  dataSource: {
    type: "odata",
    transport: {
      read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
    },
   }
    pageSize: 50,
    serverPaging: true,
   ...
  }


ko.applyBindings({
  gridOptions: grid
});