这周搞的框架又费了,重新来吧,昨天研究一天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到菜单项的绑定, 可以顺利添加页面了