使用AJAX调用将Knockout-KendoTreeView复选框绑定到模型

时间:2013-09-17 19:27:09

标签: jquery ajax knockout.js checkbox kendo-ui

我有一个AJAX调用,填充了KendoTreeView产品列表。对于每个产品,还有另外45个选项供用户选择(布尔值为开/关),我选择使用每个选项的复选框。

我没有使用不断增长的树(无数产品的45倍)以指数方式杀死DOM,而是选择使用KendoWindow来保存其他选项的模型。每次选择产品时,都会运行ajax调用以获取数据库中的当前选项并打开KendoWindow。

支持数据的模型具有Checked布尔属性,该属性应预先填充窗口,并且每当用户进行更改时也会更新。这是我无法弄清楚如何做的部分。我查看了其他一些帖子(例如Working with a list of checkboxes in knockoutjs),但未能使其正常工作。

<div class="optionSection" data-bind="with: ProductOptions">
        <div id="ProductOptions" class="k-autocomplete" data-bind="kendoTreeView: { dataSource: $data, dataTextField: 'Name', checkboxes: { checkChildren: true }, dataBound: $parent.ExpandSection }"></div>
</div>

任何人都可以为此提供更多的见解或想法吗?

1 个答案:

答案 0 :(得分:0)

我相信你应该能够绑定到javascript数据源以减少AJAX调用的数量。有关详细信息,请参阅此页面上的示例。

http://demos.kendoui.com/web/treeview/local-data.html