2015-01-20 5 views
0

Я пытаюсь добавить некоторые значки в строку к элементам данных TreeView, однако директива k-template, похоже, ничего не делает.Angular-Kendo TreeView с опцией шаблона

Я основываю это офф-лайн документации на

  http://demos.telerik.com/kendo-ui/treeview/angular 

и вот plunkr того, что я пытаюсь сделать:

treeview plunkr

Мой HTML (с помощью простого теста)

<div id="treeview" kendo-tree-view="nav.treeview"    
       k-options="nav.treeOptions" 
       k-data-source="nav.reportsTreeDataSource" 
       k-on-change="nav.onTreeSelect(dataItem)"> 
    <span k-template>{{dataItem.text}} TEST THIS TEMPLATE !!!</span>   
</div> 

и вот фрагмент моих данных Источник, исходящий из моего сервиса datacontext лед:

function getReportsTree() { 
     var reportsJson = [ 
      { 
       id: 1, text: "Standard", expanded: false, spriteCssClass: "rootfolder", checkChildren: true, items: [ 
          { id: 3, text: "MTM Aggr", reptName: "MTM Aggr", spriteCssClass: "folder" }, 
          { id: 4, text: "Member Aggr", reptName: "Member Aggr", spriteCssClass: "folder" } 
         ] 
      }, 
      { 
       id: 30, text: "Hierarchy", expanded: false, spriteCssClass: "rootfolder", checkChildren: true, items: [ 
          { id: 31, text: "Ctpy Hrchy", reptName: "CTPYHIER", withHierarchy: 'true' }, 
          { id: 32, text: "Ctpy/BkgLocation Hrchy", reptName: "CTPYHIER_BKG_LOC", withHierarchy: 'true' } 
       ] 
      } 
     ]; 
     return $q.when(reportsJson); 
    } 

Изображение показывает обработанное дерево, где шаблон не делает:

treeview

Мне нужно знать, если я пропускаю некоторые ключевые здесь, или я неправильно форматирование.

спасибо заранее,

Боб

**** **** UPDATE я теперь проверять, если моя библиотека Кендо UI это за несколько версий. Это может иметь какое-то отношение к моей проблеме.

+0

У меня может быть устаревшая библиотека, специально для этой функции treeview-with-template ... –

ответ

1

Обновление Kendo UI lib до 2014.3.1308 было необходимо, чтобы получить опцию k-template, встроенную в древовидную структуру.

Однако я обнаружил небольшую ошибку, даже на своем демонстрационном веб-сайте, - когда вы расширяете узел дерева, текст этого же уровня становится литералом {{dataItem}}.