Как показывать только родительские узлы с помощью Kendo UI Treeview

Question

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

У меня есть дерево, например, выглядит следующим образом:

корневой элемент

• Родитель пункт
  • пункт Детский
  • Детский пункт
  • Детский пункт
• Родитель пункт
  • пункт Детский
• Родитель пункт
  • Детский товар
  • Детский товар

"корневой элемент" всегда присутствует в дереве , Я хочу иметь возможность свернуть все элементы, кроме «Родительских элементов», или, точнее, показывать только «Родительские элементы» при нажатии кнопки.

Если посмотреть на сгенерированный HTML-код для дерева, похоже, нет способа определить, какие элементы находятся ниже «Родительские элементы».

я в настоящее время:

$("#collapse").click(function() { 
    treeview.collapse(".k-item"); 
}); 

Однако это будет разрушаться все, в том числе "Родительские элементы". Как я могу указать, какие элементы обрушиваются?

Answer 1

Вы можете задать начальные расширенные элементы в DataSource с имуществом expanded:

$("#treeview").kendoTreeView({ 
    dataSource: [ 
     { text:'root', expanded:true, items:[ 
      {text:'parent', expanded:false, items: 
      [ 
       {text:'child'} 
      ]} 
     ]} 
    ] 
}); 

Или вы можете свернуть все узлы, кроме первого таким образом:

treeview.collapse('.k-item:not(:first)');