Kendo UI Treeview не расширяющиеся узлы

Question

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

Мой код выглядит следующим образом:

var industryTree = new kendo.data.HierarchicalDataSource({ 
    transport: { 
     read: { 
      url: 'http://'+document.domain+'/services/TreeIndustries.php', 
      dataType: "json" 
     }, 
     schema: { 
      model: { 
       id:"id" 
      } 
     } 
    } 
}); 

Мое дерево INIT:

var industryTreeView=$("#industry-tree").kendoTreeView({ 
    dataSource: industryTree, 
    dataTextField: ["text","text"] 

}); 

JSON вернулся проверяет правильность; кто хочет посмотреть может проверить его здесь:

http://173.45.233.104/services/TreeIndustries.php 

Answer 1

Мне очень жаль, но, кажется, что существует ограничение на допустимые имена для «детей» и children не является допустимым именем.

Существует также вопрос, который вы определили schema внутри transport, когда они должны быть на том же уровне:

var industryTree = new kendo.data.HierarchicalDataSource({ 
    transport: { 
     read: { 
      url: 'http://'+document.domain+'/services/TreeIndustries.php', 
      dataType: "json" 
     } 
    }, 
    schema: { 
     model: { 
      id:"id" 
     } 
    } 
}); 

Если вы измените JSON и заменить children на items, kids или даже _children он должен работать ,

Кроме того, не забудьте установить loadOnDemand как false, чтобы загрузить полное дерево.

С этим, ваш DataSource должно выглядеть следующим образом:

var industryTree = new kendo.data.HierarchicalDataSource({ 
    transport: { 
     read: { 
      url  : 'http://' + document.domain + '/services/TreeIndustries.php', 
      dataType: "json" 
     } 
    }, 
    schema : { 
     model: { 
      id  : "id", 
      children: "_children" 
     } 
    } 
}); 

И инициализации дерева:

var industryTreeView = $("#industry-tree").kendoTreeView({ 
    loadOnDemand : false, 
    dataSource : industryTree, 
    dataTextField: "label" 

});