JSon-JavaScript

 var _curmenu = '{"menus": [{"menuid":"1","menuname":"系统管理","url":"../Html/List.htm","icon":"img","menus":[{"menuid":"001","menuname":"栏目管理","url":"http://localhost:10756/Navigation/NavigationList#","icon":"img","menus":[{"menuid":"002","menuname":"用户管理1","url":"../Html/List.htm","icon":"img","menus":[]}]},{"menuid":"002","menuname":"用户管理","url":"../Html/List.htm","icon":"img","menus":[]},{"menuid":"003","menuname":"权限管理","url":"www.baidu.com","icon":"img","menus":[]}]}]}';

function strToJson(str) {
var json = eval('(' + str + ')');
return json;
}

var _menus = strToJson(_curmenu);

//初始化左侧
function InitLeftMenu() {
var selectedPanelname = '';
$.each(_menus.menus, function (i, n) {
var menulist = '';
menulist += '<ul class="navlist">';
$.each(n.menus, function (j, o) {
menulist += '<li><div ><a ref="' + o.menuid + '" href="#" rel="' + o.url + '" ><span class="icon ' + o.icon + '" > </span><span class="nav">' + o.menuname + '</span></a></div> ';

if (o.menus && o.menus.length > 0) {
menulist += '<ul class="third_ul">';
$.each(o.menus, function (k, p) {
menulist += '<li><div><a ref="' + p.menuid + '" href="#" rel="' + p.url + '" ><span class="icon ' + p.icon + '" > </span><span class="nav">' + p.menuname + '</span></a></div> </li>'
});
menulist += '</ul>';
}

menulist += '</li>';
})
menulist += '</ul>';
$('#nav').accordion('add', {
title: n.menuname,
content: menulist,
border: false,
iconCls: 'icon ' + n.icon
});

if (i == 0)
selectedPanelname = n.menuname;

});
$('#nav').accordion('select', selectedPanelname);

$('.navlist li a').click(function () {
var tabTitle = $(this).children('.nav').text();

var url = $(this).attr("rel");
var menuid = $(this).attr("ref");
var icon = $(this).find('.icon').attr('class');

var third = find(menuid);
if (third && third.menus && third.menus.length > 0) {
$('.third_ul').slideUp();
var ul = $(this).parent().next();
if (ul.is(":hidden"))
ul.slideDown();
else
ul.slideUp();
}
else {
addTab(tabTitle, url, icon);
$('.navlist li div').removeClass("selected");
$(this).parent().addClass("selected");
}
}).hover(function () {
$(this).parent().addClass("hover");
}, function () {
$(this).parent().removeClass("hover");
});
}

  

转载于:https://www.cnblogs.com/wzq806341010/archive/2013/04/21/3034532.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值