Question

我想在Kendo UI组合框中对项目进行分组。

我的数据是 -

$("#ddlTest_I").kendoComboBox({
        dataTextField: "parentName",
        dataValueField: "parentId",
        dataSource: [
                { parentName: "Parent1", parentId: 1, childName: "Child1", childId: 1 },
                { parentName: "Parent2", parentId: 2, childName: "Child2", childId: 2 },
                { parentName: "Parent1", parentId: 1, childName: "Child3", childId: 3 },
                { parentName: "Parent2", parentId: 2, childName: "Child4", childId: 4 },
                { parentName: "Parent1", parentId: 1, childName: "Child5", childId: 5 }
            ]
    });

我尝试将数据绑定到Kendo UI组合框 -

$("#ddlTest_II").kendoComboBox({
        cascadeFrom: "ddlTest_I",
        dataTextField: "childName",
        dataValueField: "childId",
        dataSource: [            
                {parentName: "Parent1", parentId: 1, childName: "Child1", childId: 1 },
                { parentName: "Parent2", parentId: 2, childName: "Child2", childId: 2 },
                { parentName: "Parent1", parentId: 1, childName: "Child3", childId: 3 },
                { parentName: "Parent2", parentId: 2, childName: "Child4", childId: 4 },
                { parentName: "Parent1", parentId: 1, childName: "Child5", childId: 5 }
            ]
    });

我想使用KendoUI组合框cascadeFrom format.But项目在父级重复。

这是示例。我不想两次从DB中提取数据。我收集了一个来源的所有数据。

Answer 1

您不必两次调用DB，但需要两个数据源。

父数据集读取
在父数据源读取完成时，从父数据集中获取数据并将其复制到新数据集中，并使用grouping configuration对此新数据集中的数据进行分组。要使用datasource for local data
进行复制
```
var comboDataSource = new kendo.data.DataSource(parentDatasource.data()); // pseudo
comboDataSource.add(parentDatasource.data()[0]); // might need add item by item 
```
新数据集的组合供稿

Kendo UI Combobox中的组项目

1 个答案: