JEasyUI的静态菜单树绑定URL

这周搞的框架又费了,重新来吧,昨天研究一天EasyUI的菜单,怎么把URL绑定在菜单按钮上,又不用<a href的形式. 主要是EasyUI要通过AddTab来打开新的页面. 网上的一些例子是动态载入的菜单, 我手头的这个框架又不一样, 而且没必要动态载入, 所以只好想尽办法来做静态载入. 

上代码:

 

 <ul id="memu">
     	<li iconCls="icon-users">
     		<span>菜单一级</span>
     		<ul>
     			<li><div iconCls="icon-nav" url="123.html"><span>菜单1</span></div></li>
     			<li><div iconCls="icon-nav" url="123.html"><span>菜单2</span></div></li>
     			<li><div iconCls="icon-nav" url="123.html"><span>菜单3</span></div></li>
     		</ul>
     	</li>
</ul>

 其实html的写法不复杂, 只是取值时网上的例子根本去不到. 就是这段 node.attributes.url 从未去到过值,试过几种配置,只能取到iconCls的值. 于是换个思路, 用jquery取node的url, 就写成了下面这句

$('#memu').tree({
		checkbox: false,
		animate:true,
		onClick:function(node){
			$(this).tree('toggle', node.target);
			var b = $(this).tree('isLeaf', node.target);
			if(b) {				
				var url = $("div", node.target).attr("url");
				addTab(node.text, url);
			} 			
			
		}
});

 这样就完成了URL到菜单项的绑定, 可以顺利添加页面了