Angular-Kendo TreeView与模板选项

时间:2015-01-20 17:21:49

标签: kendo-treeview

我正在尝试在TreeView数据项中添加一些内联图标,但是k-template指令似乎没有呈现任何内容。

我基于

的在线文档
         http://demos.telerik.com/kendo-ui/treeview/angular

这是我想要做的事情的一部分:

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

我需要知道我是否遗漏了一些关键部分,或者我的格式是否错误。

提前谢谢你,

鲍勃

****更新**** 我现在正在检查我的Kendo UI库是否落后于几个版本。这可能与我的问题有关。

1 个答案:

答案 0 :(得分:1)

需要对2014.3.1308进行Kendo UI lib更新才能将k-template选项嵌入到树视图中。

但是我确实发现了一个小错误,即使在他们的演示网站上 - 当您展开树节点时,同一级别的文本也会成为文字{{dataItem}}