获取绑定到 Kendo ListView 中每个列表项的项目和对象答案

【问题标题】：Get items and objects bound to each list item in a Kendo ListView获取绑定到 Kendo ListView 中每个列表项的项目和对象
【发布时间】：2016-11-24 23:25:05
【问题描述】：

我有一个剑道列表视图，其中每个项目都是复选框和一些文本字段的组合，如下图所示：

点击保存按钮后，我需要从剑道列表视图中获取选中的元素。使用 items() 或 dataItems() 方法，我得到代表模板但不是我实际需要的项目列表，即已检查的项目。

我如何确定该特定列表项是否被选中？

代码如下：

<div id='lstItems'></div>

    var _dataSource = new kendo.data.DataSource({
                    data: [{ Title: "Item 1", ID: 121 }, { Title: "Item 2" , ID: 122}, { Title: "Item 3" , ID: 123}],
                });

    $("#lstItems").kendoListView({
                    dataSource: _dataSource ,
                    template: "<div><label><input type='checkbox'/>#:Title#</label></div>"
                });

我还有一个问题，我需要将整个对象绑定到一个列表项，以便在获取选中项时，我可以获得包含 2 个属性的完整对象：标题、ID。

我对 kendo.js 和 HTML 还很陌生，所以不太了解方法。

【问题讨论】：

Get the object bound to item in Kendo ListView的可能重复

标签： javascript jquery kendo-ui kendo-listview

【解决方案1】：

如果您可以向 ViewModel 添加布尔值，例如：

var _dataSource = new kendo.data.DataSource({
                    data: [{ Title: "Item 1", ID: 121, checked: false }, { Title: "Item 2" , ID: 122, checked: true}, { Title: "Item 3" , ID: 123, checked: true}],
                });

并且您可以更新您的模板，这样，如果您的数据源中选中为 true，您可以将复选框设置为选中状态，将选中时的未选中状态设置为 false。

当您可以单击保存时，请在数据源上执行 .filter() 以获取已检查的项目。

dataSource.filter( { field: "checked",  value: "true" });
var view = dataSource.view();
console.log(view);

【讨论】：