一个简单实现Ext树的级联选中方法

正在用ext ,可是树不能级联选中,自己的需求是选中子节点,则父节点都要选中,父节点取消选中则子节点全部取消选中,查了一下,已有高人扩展了Ext.tree.TreeNodeUI ,想着拿来用,可是自己太笨调了半天没调出来,只好自己写了一个方法,也没扩展,但是可以实现我的需求。发出来大家如果有用的着的就用吧。

加了一个 nodeChecked(node,check)方法,然后监听checkchange事件

Ext.onReady(function(){
Ext.BLANK_IMAGE_URL="/ext/resources/images/default/s.gif";
var root=new Ext.tree.TreeNode({id:'root',text:'功能管理',checked:false});
var app1=new Ext.tree.TreeNode({id:'app1',text:'图标',checked:false});
var app2=new Ext.tree.TreeNode({id:'app2',text:'图标',checked:false});
var app3=new Ext.tree.TreeNode({id:'app3',text:'图标',checked:false});
var app4=new Ext.tree.TreeNode({id:'app4',text:'图标',checked:false});
app3.appendChild(app4);
app2.appendChild(app3);
app1.appendChild(app2);
root.appendChild(app1);


var tree=new Ext.tree.TreePanel({
root:root,
animate:true,
enableDD:false,
border:false,
renderTo:'tree',
rootVisible:false
});
function nodeChecked(node,check){
if(check){
//如果有父结点则选中父结点
if(node.parentNode.getUI().checkbox!=undefined){
node.parentNode.getUI().checkbox.checked=true;
if(node.parentNode.parentNode!=null){
nodeChecked(node.parentNode,check);
}
}
}else{
//如果有子结点则全取消选中
    if(node.hasChildNodes())
    {
     node.eachChild(function(child){
          child.getUI().checkbox.checked=false;
if(child.hasChildNodes()){
nodeChecked(child,check);
}
     });
    }

}
}
tree.on("checkchange",function(node,check){
nodeChecked(node,check);
});

});

有问题?直接google! <script type="text/javascript"><!-- google_ad_client = "pub-0757178726455256"; google_ad_format = "js_sdo"; google_cts_mode ="rs"; google_num_cts = "2"; google_searchbox_width = 215; google_searchbox_height = 26; google_link_target = 2; google_logo_pos = "left"; google_rs_pos = "right"; google_ad_height = 35; google_ad_width = 760; // --></script><script src="http://pagead2.googlesyndication.com/pagead/show_sdo.js" type="text/javascript"></script>

<script type="text/javascript"><!-- google_ad_client = "pub-0757178726455256"; /* 728x90, 创建于 09-6-17 */ google_ad_slot = "1633515232"; google_ad_width = 728; google_ad_height = 90; // --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值