Блог

У меня есть панель с разметкой границ:

     var panel = new Ext.Panel({
         width:'100%',
         height:'100%',
         layout:'border',
         renderTo:'wrapper',
         defaults: {
             collapsible: true,
             split: true,
             bodyStyle: 'padding:15px'
         },
         items: [{
             title: 'Header',
             region: 'north',
             height: 150,
             minSize: 75,
             maxSize: 250,
             cmargins: '5 0 0 0',
             html: Ext.get("header-div").getHTML() 
         }
......
 

и у меня есть дерево

  var tree = Ext.create('Ext.tree.Panel', {
        xtype: 'tree-xml',
        id:'treegrid',
        title: treeTitle,
        width: '80%',
        height: '80%',
        renderTo: Ext.get("tree"),
....
 

Мой вопрос: как я могу ссылаться на дерево на моей панели, что означает, что я хочу добавить дерево в
«северную» область панели.

Спасибо.

Как ссылаться на компоненты в Extjs:

var treeReference = Ext.Запрос компонента.query (‘tree-xml [title=treeTitle])[0]; // по сути, вы говорите, дайте мне первый найденный компонент, который является tree-xml, и что его заголовок — treeTitle

Ознакомьтесь с документами в сенче. Будьте осторожны, чтобы ссылаться на элемент 0 массива (метод запроса возвращает массив, даже если соответствует только 1 элементу).

Используйте методы добавления и удаления из панелей и контейнеров для достижения желаемой функциональности.

С наилучшими пожеланиями.