前言
不知道大家有沒有發現,在網上很多樹狀插件都是需要固定格式的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);
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。