Question

我有带边框布局的面板：

    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"),
....

我的问题是：如何在我的面板中引用树，这意味着我想将树附加到 '北'区域。

感谢。

Answer 1

如何在Extjs中引用组件：

var treeReference = Ext.ComponentQuery.query（＆＃39; tree-xml [title = treeTitle]）[0]; //基本上你是说让我找到你发现的第一个组件是tree-xml，它的标题是treeTitle

查看sencha中的文档。注意引用数组的元素0（即使只有1个元素匹配，查询方法也返回一个数组）。

使用方法在面板和容器中添加和删除以实现所需的功能。

最好的问候。

如何引用ExtJS中的现有组件？

1 个答案: