Angular-Kendo 带有模板选项的 TreeView
Angular-Kendo TreeView with template option
我正在尝试向 TreeView 数据项添加一些内联图标,但是 k-template 指令似乎没有呈现任何内容。
我基于
上的在线文档
http://demos.telerik.com/kendo-ui/treeview/angular
下面是我正在尝试做的事情的一个 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>
这是来自我的数据上下文服务的数据源片段:
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);
}
显示渲染树的图像,其中模板未渲染:
我想知道我是否遗漏了一些关键部分,或者我的格式是否有误。
提前谢谢你,
鲍勃
**** 更新 ****
我现在正在检查我的 Kendo UI 库是否落后了几个版本。可能和我的问题有关。
需要将 Kendo UI 库更新到 2014.3.1308
才能将 k-template 选项嵌入到树视图中。
但是我确实发现了一个小错误,即使在他们的演示网站上也是如此 - 当您展开树节点时,同一级别的文本会变成文字 {{dataItem}}
。
我正在尝试向 TreeView 数据项添加一些内联图标,但是 k-template 指令似乎没有呈现任何内容。
我基于
上的在线文档 http://demos.telerik.com/kendo-ui/treeview/angular
下面是我正在尝试做的事情的一个 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>
这是来自我的数据上下文服务的数据源片段:
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);
}
显示渲染树的图像,其中模板未渲染:
我想知道我是否遗漏了一些关键部分,或者我的格式是否有误。
提前谢谢你,
鲍勃
**** 更新 **** 我现在正在检查我的 Kendo UI 库是否落后了几个版本。可能和我的问题有关。
需要将 Kendo UI 库更新到 2014.3.1308
才能将 k-template 选项嵌入到树视图中。
但是我确实发现了一个小错误,即使在他们的演示网站上也是如此 - 当您展开树节点时,同一级别的文本会变成文字 {{dataItem}}
。