leftNav.js
2.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
function navBar(strData){
var data;
if(typeof(strData) == "string"){
var data = JSON.parse(strData); //部分用户解析出来的是字符串，转换一下
}else{
data = strData;
}
var ulHtml = '<ul class="layui-nav layui-nav-tree">';
for (var i = 0; i < data.length; i++){
if (data[i].Item.IsShow == 0) {
continue;
}
if(data[i].spread){
ulHtml += '<li class="layui-nav-item layui-nav-itemed">';
}else{
ulHtml += '<li class="layui-nav-item">';
}
if(data[i].Children != undefined && data[i].Children.length > 0){
ulHtml += '<a href="javascript:;">';
if(data[i].Item.IconName != undefined && data[i].Item.IconName != ''){
if(data[i].Item.IconName.indexOf("icon-") != -1){
ulHtml += '<i class="iconfont '+data[i].Item.IconName+'" data-icon="'+data[i].Item.IconName+'"></i>';
}else{
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Item.IconName+'">'+data[i].Item.IconName+'</i>';
}
}
ulHtml += '<cite>'+data[i].Item.Name+'</cite>';
ulHtml += '<span class="layui-nav-more"></span>';
ulHtml += '</a>';
ulHtml += '<dl class="layui-nav-child">';
for (var j = 0; j < data[i].Children.length; j++){
if (data[i].Children[j].Item.IsShow == 0) {
continue;
}
if(data[i].Children[j].target == "_blank"){
ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].Children[j].Item.Url+'" target="'+data[i].Children[j].target+'">';
}else{
ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].Children[j].Item.Url+'">';
}
if(data[i].Children[j].Item.IconName != undefined && data[i].Children[j].Item.IconName != ''){
if(data[i].Children[j].Item.IconName.indexOf("icon-") != -1){
ulHtml += '<i class="iconfont '+data[i].Children[j].Item.IconName+'" data-icon="'+data[i].Children[j].Item.IconName+'"></i>';
}else{
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Children[j].Item.IconName+'">'+data[i].Children[j].Item.IconName+'</i>';
}
}
ulHtml += '<cite>'+data[i].Children[j].Item.Name+'</cite></a></dd>';
}
ulHtml += "</dl>";
}else{
if(data[i].target == "_blank"){
ulHtml += '<a href="javascript:;" data-url="'+data[i].Item.Url+'" target="'+data[i].target+'">';
}else{
ulHtml += '<a href="javascript:;" data-url="'+data[i].Item.Url+'">';
}
if(data[i].Item.IconName != undefined && data[i].Item.IconName != ''){
if(data[i].Item.IconName.indexOf("icon-") != -1){
ulHtml += '<i class="iconfont '+data[i].Item.IconName+'" data-icon="'+data[i].Item.IconName+'"></i>';
}else{
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Item.IconName+'">'+data[i].Item.IconName+'</i>';
}
}
ulHtml += '<cite>'+data[i].Item.Name+'</cite></a>';
}
ulHtml += '</li>';
}
ulHtml += '</ul>';
return ulHtml;
}