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到菜單項的綁定, 可以順利添加頁面了