Элемент группы в пользовательском интерфейсе Kendo Combobox

Question

Я хочу группировать элемент в выпадающем списке Kendo UI.

Мой datasoure это -

$("#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 } 
      ] 
    }); 

Я пытаюсь связать данные с Кендо 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 элементы дубликат на родителе.

Это образец. Я не хочу дважды извлекать данные из БД. Я собрал все данные в одном источнике для использования.

Answer 1

Вам не нужно дважды вызывать БД, но вам понадобятся два источника данных.

1. Родитель набор данных читает

2. На родительском источника данных чтения полной, взять данные из родительского набора данных и скопировать их в новый набор данных и использовать 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 
   

3. Combo ПОДАЧИ нового набора данных