如何从剑道树视图中获取选中的项目答案

【问题标题】：How to get the checked items from kendo treeview如何从剑道树视图中获取选中的项目
【发布时间】：2018-04-09 03:47:36
【问题描述】：

HTML 代码：

                        <div>
                            <md-button ng-click="getCheckedItems()">TEST</md-button>
                        </div>
                        <div kendo-tree-view="tree"
                             k-data-source="treeData"
                             k-on-change="selectedItem = dataItem">

                            <span k-template>
                                <md-checkbox !important ng-click='click(dataItem)'>{{ dataItem.text}}</md-checkbox>
                            </span>
                        </div>

我想使用 get 函数 $scope.getCheckedItems = function(){} 从树视图中获取选中的项目并将其保存为两个文本之间带有 ',' 的字符串

【问题讨论】：

标签： angularjs kendo-ui treeview

【解决方案1】：

您的问题不是很清楚，但如果您想在控制器中获取所有选中的复选框，您可以执行以下操作。

 $scope.getCheckedItems = function () {
        var data = $scope.tree.dataSource._data;
        for (var i = 0, j = data.length; i < j; i++) {
            if (data[i].checked) {
                //Item is checked
                //You can get the properties using data[i]
                console.log(data[i]);
            }
        }
      };

【讨论】：

嗨@PSK它返回一个错误：无法读取未定义的属性'dataSource'
这给了我这个错误：TypeError: Cannot read property '_data' of undefined
嗨！我使用了这段代码，但是当我转到子节点时，它给了我未定义的值。 ' var 数据 = $scope.treeData.data(); console.log(data[27]);'
data[27] 可能不存在于列表中。你检查了吗
您好！解决了。我修改了它。谢谢！非常有帮助！发布解决方案。干杯！

【解决方案2】：

我发现我需要将“项目”指定为子项。这是工作代码：

for (var i = 0, j = data.length; i < j; i++) {
        for (var x = 0, y = data[i].items.length; x < y; x++)
        {
            if (data[i].items[x].checked) {
                //Item is checked
                //You can get the properties using data[i]
                console.log(data[i].items[x].text);
            }
        }
    }

样本数据：

dataSource: [
{ text: "foo", expanded: true, items: [
  { text: "bar" }
] },
{ text: "baz", expanded: true, items: [
  { text: "qux" }
] }]

【讨论】：