Упорядочение узла в дереве ExtJs

Question

Я хочу найти конкретный узел в дереве ExtJs. Текущий код, который у меня есть, позволяет выполнять поиск узлов только на первом уровне. Пожалуйста, проверьте этот fiddle

var store = Ext.create('Ext.data.TreeStore', { 
    root: { 
     expanded: true, 
     children: [{ 
      text: "Javascript", 
      leaf: true 
     }, { 
      text: "ASP.net", 
      leaf: true 
     }, { 
      text: "Also ASP.net", 
      leaf: false, 

      children: [{ 

       text: '1.1 foo', 
       leaf: false, 
       children: [{ 

        text: "1.1.1 asp.net mvc", 
        expanded: true 
       }, { 

        text: "1.1.2 java", 
        expanded: true 
       }, { 

        text: "1.1.3 extjs", 
        expanded: true 
       }] 
      }, { 

       text: '1.2 bar', 
       leaf: true 
      }] 

     }, { 
      text: "ASP.net future", 
      leaf: true 
     }] 
    } 
}); 

Ext.create('Ext.tree.Panel', { 
    title: 'Example Tree', 
    width: 200, 
    height: 450, 
    store: store, 
    rootVisible: false, 
    multiSelect: true, 
    renderTo: Ext.getBody(), 
    dockedItems: [{ 
     xtype: 'toolbar', 
     dock: 'bottom', 
     items: [{ 
      text: 'Search for ASP.net', 
      handler: function() { 
       var me = this, 
        panel = me.up('panel'), 
        rn = panel.getRootNode(), 
        regex = new RegExp("ASP.net"); 

       rn.findChildBy(function (child) { 
        var text = child.data.text; 
        if (regex.test(text) === true) { 
         console.warn("selecting child", child); 
         panel.getSelectionModel().select(child, true); 
        } 
       }); 
      } 
     }] 
    }] 
}); 

Что я хочу:

1. Возможность поиска по всем уровням в дереве
2. один раз узел найден, я хочу, чтобы развернуть его.

Как я могу это достичь?

Спасибо

Answer 1

Это то, что я искал: http://jsfiddle.net/tdaXs/17/

Спасибо Девендры предложившего Deep вариант поиска.

var store = Ext.create('Ext.data.TreeStore', { 
    root: { 
     expanded: true, 
     children: [{ 
      text: "Javascript", 
      leaf: true 
     }, { 
      text: "ASP.net", 
      leaf: true 
     }, { 
      text: "Also ASP.net", 
      leaf: false, 
      children: [{ 
       text: '1.1 foo', 
       leaf: false, 
       children: [{ 
        text: "1.1.1 ASP.net mvc", 
        leaf: true, 
        expanded: true 
       }, { 
        text: "1.1.2 java", 
        leaf: true, 
        expanded: true 
       }, { 
        text: "1.1.3 extjs", 
        leaf: true, 
        expanded: true 
       }] 
      }, { 

       text: '1.2 bar', 
       leaf: true 
      }] 

     }] 
    } 
}); 

Ext.create('Ext.tree.Panel', { 
    title: 'Example Tree', 
    width: 200, 
    height: 450, 
    store: store, 
    rootVisible: false, 
    multiSelect: true, 
    renderTo: Ext.getBody(), 
    dockedItems: [{ 
     xtype: 'toolbar', 
     dock: 'bottom', 
     items: [{ 
      text: 'Search for ASP.net', 
      handler: function() { 
       var me = this, 
        panel = me.up('panel'), 
        rn = panel.getRootNode(), 
        regex = new RegExp("ASP.net"); 

       //var c = rn.findChild("text", " asp.net", true); 

       rn.findChildBy(function (child) { 
        var text = child.data.text; 
        if (regex.test(text) === true) { 
         console.warn("selecting child", child); 
         panel.getSelectionModel().select(child, true); 
        } 
       }); 
      } 
     }] 
    }] 
}); 

Answer 2

Вы можете использовать это:

var c = rn.findChild("text","Also ASP.net",true); 
c.expand(); 

правда указывает на глубокий search.Please взглянуть на findChild.

Пожалуйста, проверьте fiddle