富贵资源网 Design By www.hznty.com
前言
不知道大家有没有发现，在网上很多树状插件都是需要固定格式的Json，但自己在生成Json的时候没考虑这些，所以就只能自己拼接字符串来生成无序列表.
比如：
{
"顶层菜单1":[
{
"domain":"顶层菜单1",
"runType":"background",
"moduleName":"子菜单",
"memo":"描述",
"srcFile":"",
"depends":[]
}
],
"顶层菜单2":[
{
"domain":"顶层菜单2",
"runType":"background",
"moduleName":"子菜单1",
"memo":"描述",
"srcFile":"",
"depends":[]
},
{
"domain":"顶层菜单2",
"runType":"background",
"moduleName":"子菜单2",
"memo":"描述",
"srcFile":"",
"depends":[]
}
],
"顶层菜单3":[]
}
直接贴代码吧…
dataObject = JSON.parse(data);
var html = '<ul>';
var domainName;
var moduleName;
for ( var n in dataObject) {
html += '<li>' + n + '<ul class="listItem">';
for (var i = 0; i < dataObject[n].length; i++) {
domainName=dataObject[n][i].domain;
moduleName=dataObject[n][i].moduleName;
html += '<a href="#">' + '<li>'+ moduleName + '</li>'+ '</a>';
}
html += '</ul></li>';
}
html += '</ul>';
$('#sidebar').append(html);
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...