Javascript 剑道ui有面包屑导航菜单吗
面包屑导航菜单就像A>B>C一样,有人知道剑道ui有这个小部件吗?我想出了这个解决方案。请注意,剑道类在本例中没有导入,因此它不会显示正确的结果。请导入剑道css类以获得正确的结果,如屏幕截图所示。Javascript 剑道ui有面包屑导航菜单吗,javascript,kendo-ui,Javascript,Kendo Ui,面包屑导航菜单就像A>B>C一样,有人知道剑道ui有这个小部件吗?我想出了这个解决方案。请注意,剑道类在本例中没有导入,因此它不会显示正确的结果。请导入剑道css类以获得正确的结果,如屏幕截图所示。 $(“#树”).kendoTreeView({ 选择:功能(e){ var breadcrumb=[]; var treeView=此; $(e.node) .父母(“李”) .andSelf() .each(函数({ var nodeText=$.trim(treeView.text(this))
$(“#树”).kendoTreeView({
选择:功能(e){
var breadcrumb=[];
var treeView=此;
$(e.node)
.父母(“李”)
.andSelf()
.each(函数({
var nodeText=$.trim(treeView.text(this));
面包屑推送(nodeText);
});
breadcrumb=breadcrumb.join(“>”);
$(“#面包屑”).text(面包屑);
}
});
.k-bot{
浮动:左;
}
.k项{
利润率:20px;
}
.k-icon{
左边距:0!重要;
}
面包屑痕迹:根
- 根
- 父1
- 儿童1
以KendoMenu面包屑为例:
$("#menu").kendoMenu({
select: function(e) {
var breadcrumb = [];
var treeView = this;
$(e.item)
.parents("li")
.andSelf()
.each(function() {
var nodeText = $.trim($(this).find('span:first').text());
breadcrumb.push(nodeText);
});
breadcrumb = breadcrumb.join(" > ");
$("#breadcrumb").text(breadcrumb);
}
});
你试过了吗?