success: function(data){
var json = JSON.parse(data);
var firstMenu = json.data.firstMenu;
var secondMenu = json.data.secondMenu;
var str =" <ul class='layui-nav layui-nav-tree' lay-shrink='all' lay-filter='layadmin-system-side-menu'>";
firstMenu=sort(firstMenu);
secondMenu=sort(secondMenu);
for(var i = 0; i < firstMenu.length;i++){
if(i==0){
//str+=" <li data-name='home' class='layui-nav-item layui-nav-itemed'>"; //默认展开
str+=" <li data-name='home' class='layui-nav-item '>"; //默认不展开
}else{
str+=" <li data-name='home' class='layui-nav-item'>"
}
str+= " <a class='layui-icon "+firstMenu[i].MENU_ICON+"' href='javascript:;'> "+firstMenu[i].MENU_NAME+"</a>";
var tt = secondInit(secondMenu,firstMenu[i].MENU_ID) ;
str+=tt+"</li>";
}
str += "</ul>";
$("#menuNav").append(str);
element.init();
}
function secondInit(secondMenu,id){
var str="<dl class='layui-nav-child'>";
for(var i = 0; i < secondMenu.length;i++){
if(id ==secondMenu[i].MENU_FID ){
str+=" <dd data-name='console' ><a onclick=\"db('"+secondMenu[i].MENU_PATH+"')\" href='javascript:;' >"+secondMenu[i].MENU_NAME+"</a></dd> ";
}
}
//下部分为测试(并非动态生成)
str+="<dd><ul><li class='layui-nav-item '> <a href='javascript:;'>测试</a>" +
"<dl class='layui-nav-child'><dd><a style='text-indent:1em'href='javascript:;'>测试3级</a>" +
"<dl class='layui-nav-child'>" +
" <dd><a style='text-indent:2em'href='javascript:;'>3级子菜单</a></dd>" +
"<dd><a style='text-indent:2em'href='javascript:;'>3级子菜单</a></dd>" + //加入3级子菜单连接
"</dl></dd>" +
"<dd><a href='javascript:;'>2级子菜单</a></dd></dl></li></ul></dd>";
str+="</dl>";
return str;
}
layui动态生成三级菜单(可无限级)
最新推荐文章于 2023-07-12 02:37:27 发布