Ext.XTemplate中的Extjs组件在EXTJS 4上 [英] Extjs component inside Ext.XTemplate on EXTJS 4

问题描述

我正在尝试将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>'，
' t 
 
 
 
 
 
 $ class =h2_lin>解决方案

尝试这个

  Ext.create（'Ext.panel。面板，{
 renderTo：Ext.getBody（），
 data：{}，
 listeners：{
 refresh：function（）{
 var renderSelector = Ext.query （ 'div.comment-附加文本区域'）; 
 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>'，{
 compile：true 
} ）
}）; 
  




I'm trying to add extjs components to tpl panel. Is there anyway to insert component to tpl like this

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
        })
});​

解决方案

Try this

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
    })
});

这篇关于Ext.XTemplate中的Extjs组件在EXTJS 4上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！