Extjs带checkbox树三态例子

近期会更新到3.1。^_^

最近正在学习Extjs，用到了2.X版本里提供了 带有checkbox的树这个功能，我自己应有的例子，效果图如下：

 

 

js代码：

 

 

建立窗口main.js：

Ext.onReady(function() {
 Ext.QuickTips.init();

var tree = new Ext.tree.TreePanel({
       id : 'tree',
       width : 230,
       height : 250,
       autoScroll : true,
       animate : true,
       containerScroll : true,
       lines:true,//节点之间连接的横竖线
       rootVisible:false,//是否显示根节点
       root: new Ext.tree.AsyncTreeNode(),
       loader : new Ext.app.CubeLoader({
                   dataUrl:'tree.xml'
               })
      });

 

 var w = new Ext.Window({

          id : 'FilterWin',
          title : '维度成员选择',
          width : 250,
          height : 350,
          resize : false,
          closable : false,
          collapsible : true,
          constrainHeader:true,
           frame:true,
           tbar:[{
             xtype : 'button',
                            tooltip:{text:'<b>全选</b>'},
                            iconCls:'connect',
                            handler:function(){
                             var rootNode = Ext.getCmp('tree').getRootNode();                            
                             checkAllOrNone(rootNode,'all');

                            }
                        },
           '-',{
            icon:'images/none.jpg',
            cls:'x-btn-icon',
            tooltip:'全不选',
            handler:function(){
             var rootNode = Ext.getCmp('tree').getRootNode();
             checkAllOrNone(rootNode,'none');
            }
           },
           '-', {
            icon:'images/refresh.jpg',
            cls:'x-btn-icon',
            tooltip:'刷新',
            handler:function(){
             var tree &#