Ext中TablePanle只能获取ActiveTab的对象

项目须要，将一个对象的各个部分分到各个Tab中显示。可是经过Ext.getCom获取Id的方式只能得到到tabpanle中的激活对象。

var reviewSqlTabPanel = new Ext.TabPanel({
    activeTab:0,
    items:[
        {id:'sqlQuery',title:'XXX', html:''},
        {id:'sqlXml',title:'XXX', html:''},
        {id:'sqlExplain',title:'XXX', html:''}
    ]
});

Ext.getCmp('sqlXml').body.update('注释:'+sqlComment+"<br>"+"XML:"+sqlXml);
Ext.getCmp('sqlQuery').body.update(sqlQuery);

即获取sqlXml的时候报错，原来tabpanle只有在active的时候才会建立对应的dom对象，解决方案很简单

var reviewSqlTabPanel = new Ext.TabPanel({
    activeTab:0,
    deferredRender:false,
    items:[
        {id:'sqlQuery',title:'XXX', html:''},
        {id:'sqlXml',title:'XXX', html:''},
        {id:'sqlExplain',title:'XXX', html:''}
    ]
});

参考：http://www.iteye.com/problems/56865

Internally, the TabPanel uses a Ext.layout.CardLayout to manage its tabs. This property will be passed on to the layout as its Ext.layout.CardLayout.deferredRender config value, determining whether or not each tab is rendered only when first accessed (defaults to true in ExtJs)(defaults to false in this control).

总结一下，activeTab的其余tab若是须要提早渲染的时候须要加上deferrereRender为false这个选项。