Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 剑道ui有面包屑导航菜单吗_Javascript_Kendo Ui - Fatal编程技术网

Javascript 剑道ui有面包屑导航菜单吗

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))

面包屑导航菜单就像A>B>C一样,有人知道剑道ui有这个小部件吗?

我想出了这个解决方案。请注意,剑道类在本例中没有导入,因此它不会显示正确的结果。请导入剑道css类以获得正确的结果,如屏幕截图所示。
$(“#树”).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);                        
}
});

你试过了吗?