在ExtJStreepanel实现的级联菜单选择效应和实例代码
treepanel继承面板,和树控件中使用丰富的属性和方法实现复杂的functions.ext.tree.treenode ExtJS表示树节点,与更常用的属性包括文本、标识、图标,选中,异步树Ext.tree.AsyncTreeNode,树装载机ext.tree.treeloader.the以下介绍extjs treepanel实现级联菜单选择。下面的代码可以添加到treepanel实现级联选择效应
主要结果如下:
1。单击父节点设置所有子节点以选择状态。
2。单击当前节点以查找所有父级并设置选定的状态。
三.取消当前节点并取消所有子节点选定的状态
4。取消当前节点以取消所需上级节点的选定状态。
听众:{
Checkchange:功能(节点,检查,eopts){
用于选择效果的批处理设置子节点
功能setchildchecked(Pnode){
pnode.set('checked,检查);
pnode.eachchild(功能(孩子){)
Arguments.callee(儿童);
})
}
setchildchecked(节点);
/ /当前节点选中确定当前节点的父节点的所有子节点选择不下
功能setparentcheckedfalse(CurrentNode){
VaR currentnode.parentnode parentNode =,
有效=真;
如果(parentNode!= NULL){
如果(检查= FALSE){
parentnode.eachchild(功能(孩子){)
如果(child.get('checked)!= false){
有效= false;
返回false;
}
});
如果(有效){
parentnode.set('checked,检查);
}
其他{ }
parentnode.set('checked ',真的);
}
arguments.callee(parentNode)
}
}
setparentcheckedfalse(节点);
}
}
总结
以上是萧边在ExtJS实现级联菜单选择效应treepanel介绍给你,希望对你有帮助,如果您有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。