TreePanel中查询

---

详细用法如下（从tbar开始）：

var hiddenNodes = [];   // 用来存储隐藏的tree节点
var plansTree = new Ext.tree.TreePanel({
            xtype : "treepanel",
            title : '计划树',
            region : 'west',
            border : true,
            frame : true,
            enableDD : false,
            animate : true,
            containerScroll : true,
            // ########################
            tbar:["关键字:",{
                xtype:"textfield",
                enableKeyEvents:true,
                listeners:{
                    keyup:function(){
                        // 获取输入的关键字
                        var k = this.getValue();  

                        // 每次输入新的关键字，将缓存的节点全部显示
                        Ext.each(hiddenNodes, function(n) {  
                            n.getUI().show();  
                        }); 

                        // 清除缓存
                        hiddenNodes = []

                        // 层叠展开搜索
                                                plansTree.getRootNode().cascade(function(n) {  
                            // 如果不是顶级父节点
                            if(n.id!='0'){  

                                // 如果节点text并未包含关键字，将其缓存并隐藏
                                if(n.text.indexOf(k)==-1){  
                                    hiddenNodes.push(n);  
                                    n.getUI().hide();  
                                }else{
                                    // 否则向上冒泡，将其所在的父节点一一显示
                                    n.bubble(function(n){
                                        if(n.id!="0"){
                                            n.getUI().show()
                                        }
                                    })
                                }  
                            }  
                        });  
                    }
                }
            }],
            // ########################
            ddGroup : 'organizerDD',
            rootVisible : true,
            selModel : new Ext.tree.DefaultSelectionModel(),
            border : false,
            width : 'auto',
            autoScroll : true,
            split : true,
            collapseMode : 'mini',
            loader : new Ext.tree.TreeLoader({
                // 自定义
                }),
            root : new Ext.tree.AsyncTreeNode({
                text : 'root',
                draggable : false,
                expanded : true
            })
        })