EXTJS 4 上的 Ext.XTemplate 中的 Extjs 组件

Posted 2023-02-22

【中文标题】EXTJS 4 上的 Ext.XTemplate 中的 Extjs 组件

【英文标题】：Extjs component inside Ext.XTemplate on EXTJS 4

【发布时间】：2012-05-25 20:42:31

【问题描述】：

我正在尝试将 extjs 组件添加到 tpl 面板。 有没有像这样将组件插入到 tpl 中

Ext.create('Ext.panel.Panel', 
    renderTo: Ext.getBody(), 
    data: ,  
    listeners:
        afterrender:function()
            var renderSelector = Ext.query('div.comment-add-textarea'); 
                for(var i in renderSelector)
                    Ext.create('Ext.form.field.TextArea',
                        height:300,
                        renderTo:renderSelector[i]
                    );   
                 
        
    ,
    tpl: Ext.create('Ext.XTemplate',
        '<tpl for=".">',
        '<div class="comment-add-textarea"></div>',
        '</tpl>',
          compiled:true
        )
);​

【问题讨论】：

查看这里sencha.com/forum/archive/index.php/t-114317.html

啊，我发现了我的问题。当我将 afterrender 事件更改为刷新事件时它正在工作

【参考方案1】：

试试这个

Ext.create('Ext.panel.Panel', 
    renderTo: Ext.getBody(),
    data: ,
    listeners: 
        refresh: function() 
            var renderSelector = Ext.query('div.comment-add-textarea');
            for (var i in renderSelector) 
                Ext.create('Ext.form.field.TextArea', 
                    height: 300,
                    renderTo: renderSelector[i]
                );
            
        
    ,
    tpl: Ext.create('Ext.XTemplate',
        '<tpl for=".">',
        '<div class="comment-add-textarea"></div>',
        '</tpl>', 
            compiled: true
    )
);