0

我想在 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 格式。但项目在父项是重复的。

这是示例。我不想两次从数据库中提取数据。我将所有数据收集在一个来源中以供使用。

4

1 回答 1

0

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

  1. 父数据集读取
  2. 在父数据源读取完成时,从父数据集中获取数据并将它们复制到新数据集中,并使用分组配置对这个新数据集中的数据进行分组。为本地数据进行复制使用数据源

    var comboDataSource = new kendo.data.DataSource(parentDatasource.data()); // pseudo
    comboDataSource.add(parentDatasource.data()[0]); // might need add item by item 
    
  3. 新数据集的组合提要

于 2013-09-13T15:31:22.563 回答