五级菜单

$.each(data,function(i, sm1) {
console.log(i+"1级:"+sm1.menuid+":"+sm1.menuname);
var menulist1 = "<ul id='tt1' class='easyui-tree' animate='true' dnd='true'>";
$.each(sm1.menus, function(i, sm2) {
console.log(sm2.url);
console.log(sm2.menus.length);
console.log(sm2.url!=null && sm2.menus.length==0);
if(sm2.url!=null && sm2.menus.length==0){
console.log(sm2.url);
menulist1 += "<li><a ref='"+sm2.menuid+"' href='#' ref='"+sm2.url+"'> <span class='nav'>"+sm2.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm2.menuname+"</span>";
}

if(sm2.menus.length>0){
menulist1 += "<ul>";
$.each(sm2.menus, function(i, sm3) {
console.log(sm3.url);
if(sm3.url!=null && sm3.menus.length==0){
menulist1 += "<li><a ref='"+sm3.menuid+"' href='#' rel='"+sm3.url+"'> <span class='nav'>"+sm3.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm3.menuname+"</span>";
}

if(sm3.menus.length>0){
menulist1 += "<ul>";
$.each(sm3.menus, function(i, sm4) {
console.log(i+"-------5级:sm4.menuid="+sm4.menuid+":sm4.menuid="+sm4.menuname);
if(sm4.url!=null && sm4.menus.length==0){
menulist1 += "<li><a ref='"+sm4.menuid+"' href='#' rel='"+sm4.url+"'> <span class='nav'>"+sm4.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm4.menuname+"</span>";
}

if(sm4.menus.length>0){
menulist1 += "<ul>";
$.each(sm4.menus, function(i, sm5) {

if(sm5.url!=null && sm5.menus.length==0){
menulist1 += "<li><a ref='"+sm5.menuid+"' href='#' rel='"+sm5.url+"'> <span class='nav'>"+sm5.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm5.menuname+"</span>";
}



menulist1 += "</li>";
});
menulist1 += "</ul>";
}
menulist1 += "</li>";
});
menulist1 += "</ul>";
//console.log("------------end 4级UL-------------");
}
menulist1 += "</li>";
});
menulist1 += "</ul>";
//console.log("------------end 3级UL-------------");
}

menulist1 += "</li>";
});

//console.log("------------end 2级UL-------------");
menulist1 += "</ul>";
//console.log(menulist1);
$('#wnav').accordion('add', {title : sm1.menuname,content : menulist1,iconCls : 'icon ' + sm1.icon});
});

posted @   A汉克先生  阅读(249)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示