jquery easyui树形菜单调用点击事件例子

easyui树形菜单调用点击事件例子:


翻了api文档好像没找到类似的点击事件和示例demo
于是想自己写 额,刚开始是这样的:

$("#munes ul li").live("click",function(){
                alert(1)
            });

发现没用我用的是 jquery easyui 1.4.1 改成其他的也没效果。好吧我百度了下找到了正确的答案:

$("#munes ul").tree({
                onClick:function(node){
                    alert(node)
                }
            });
node里面有你需要的所有这个菜单的信息。你要怎么搞就怎么搞了。


-----------------------------------------------------------------------------------

Jquery EasyUI中树菜单控件tree 默认隐藏:
node属性中有个state,默认是open,传数据的时候设置为closed就可以了。
类似于

{
“text”:”Languages”,
“state”:”closed”,
“children”:[{
"text":"Java"
},{
"text":"C#"
}]
}

——————————
鼠标双击树形菜单展开隐藏的子菜单代码:

$("#munes ul").tree({
                onClick:function(node){
                    if(node.attributes.url!="javascript:;") addTab(node.text,node.attributes.url);
                },
            onDblClick: function(node) {
            $(this).tree(node.state === 'closed' ? 'expand' : 'collapse', node.target);
            node.state = node.state === 'closed' ? 'open' : 'closed';
              }
            });

注意里面的双击事件

树形菜单判断是否是子节点:

$(‘#tt’).tree({
onClick: function(node){
if($(‘#tt’).tree(‘isLeaf’,node.target)){//判断是否是叶子节点
}
}
});


你可能感兴趣的:(jQueyEasyUI)