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

【问题标题】：Knockout-KendoTreeView checkbox binding to model with AJAX call使用 AJAX 调用将 Knockout-KendoTreeView 复选框绑定到模型
【发布时间】：2013-10-03 16:46:55
【问题描述】：

我有一个 AJAX 调用正在填充 KendoTreeView 产品列表。对于每个产品，用户可以选择额外的 45 个选项（布尔值，开/关），我选择为每个产品使用复选框。

我选择使用 KendoWindow 来保存模型以获取其他选项，而不是使用不断增长的树（45 倍于许多产品）来以指数方式杀死 DOM。每次选择产品时，都会运行 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>

谁能为此提供更多见解或想法？

【问题讨论】：

检查这个，看看它是否有帮助stackoverflow.com/questions/18062107/… - 如果你能提供一个有用的小提琴，因为我以前没有使用过 Kendo TreeView，很难想象你在尝试什么在没有自定义绑定的情况下执行或绑定

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

【解决方案1】：

我相信您应该能够绑定到 javascript 数据源以减少 AJAX 调用的数量。请参阅此页面上的示例以获取更多详细信息。

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

【讨论】：