как использовать раскрывающийся список внутри дерева в кендо angularjs - PullRequest
Новая
       21

как использовать раскрывающийся список внутри дерева в кендо angularjs

0 голосов
/ 12 сентября 2018

Я хочу иметь два столбца: один - это древовидное представление, а другой - список раскрывающихся списков.у каждого узла дерева есть список опций, который является одним выпадающим списком.это мои данные: 

 $scope.organizationChartTreeData = new kendo.data.HierarchicalDataSource({
            data: MakeComponentDataTree()
        });
 $scope.MakeComponentDataTree = function (treedata) {
    nodeList = treeData.filter(function (x) { return x.ParentId == null })
        .map(function (m) {
            return {
                Id: m.Id,
                ParentId: m.ParentId,
                text: m.Name,
                items: [],
                selectOptions: {
                    placeholder: "Name",
                    dataTextField: "FullName",
                    dataValueField: "Id",
                    valuePrimitive: true,
                    autoBind: false,
                    dataSource: m.Users
                }
            }
        });

и это HTML: 

<div class="col-lg-12" kendo-tree-view="tree" k-data- 
source="organizationChartTreeData" k-options="treeOptions">                    
<span class="col-lg-6" k-template>
<select kendo-multi-select k-options="organizationChartTreeData.data" k-ng- 
model="users"></select>
                </span>
</div>

Я использовал рекурсивную функцию и построил дерево, но я не знаю, как связать данные, которые k-опции в Kendo-Multi-Select могут использовать его. 

.Item1                     DropDownList1
.Item2                     DropDownList2
    .SubItem2.1            DropDownList2.1
    .SubItem2.2            DropDownList2.2
.Item3                     DropDownList3
   .SubItem3.1            DropDownList3.2
   .SubItem3.2            DropDownList3.2
.Item4                     DropDownList4
.Item5                     DropDownList5
...
...