layui竖行的nav导航栏能不能根据获取的接口内容(json数据)动态生成?

提问 已结 1 84
老大i
老大i 2019-9-11
悬赏:20飞吻
版本:layui 2.5.5 浏览器:360se
layui竖行的nav导航栏能不能根据获取的接口内容(json数据)动态生成?
回帖
  • 可以的,最原始的方法,ajax 循环遍历出来就好了,最后记得重新渲染一遍

    for(var i=0;i<datas.length;i++){
    var menu = datas[i];
    menustr+='<li data-name="component" class="layui-nav-item">';
    menustr+='<a href="javascript:;" lay-tips="'+menu.menuName+'" lay-direction="2">';
    menustr+='    <svg class="icon" aria-hidden="true">';
    menustr+='<use xlink:href="'+menu.imagePath+'" style="color: #FFFFFF;"></use>';
    menustr+='</svg>  ';
    menustr+='<cite>'+menu.menuName+'</cite>';
    menustr+='</a>';
    menustr+='<dl class="layui-nav-child">';
    var subMenus = menu.subMenus;
    for(var j=0;j<subMenus.length;j++){
    var subMenu = subMenus[j];
    menustr+='<dd data-name="nav">';
    menustr+='<a lay-href="'+subMenu.menuUrl+'" name="'+subMenu.menuId+'" title="'+subMenu.menuName+'">    '+subMenu.menuName+'</a>';
    menustr+='</dd>';
    }
    menustr+='</dl>';
    menustr+='</li>';
    }
    menustr+='</ul>';
    $("#LAY-system").html(menustr);
    layui.element.init(); //一定初始化一次
    0 回复