首页 文章

Angular-Kendo TreeView与模板选项

提问于
浏览
0

我正在尝试在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服务的我的dataSource的片段:

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 ****我现在正在检查我的Kendo UI库是否落后于几个版本 . 这可能与我的问题有关 .

1 回答

  • 1

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

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

相关问题