這周搞的框架又費了,重新來吧,昨天研究一天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到菜單項的綁定, 可以順利添加頁面了