layui动态生成三级菜单(可无限级)

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:;'>&nbsp;&nbsp;"+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;
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值