一个简单实现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"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_sdo.js" type="text/javascript"></script>

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>