Javascript EXTJS tabpanel.items.items[0]未定义

我对extjs的东西很陌生

在我的选项卡面板中获取文本区域有问题Tabpanel.items已定义，在items[]中有两个对象

但是当我尝试直接将它转到tabpanel.items.items[0]时，它是未定义的。我尝试通过ComponentQuery并使用down和那些itemId来查找这些项。如果需要，我可以更新一些代码。有什么想法吗

编辑：我不明白。在DOM中的firebug中，当我执行console.log（tabpanel.items.length）时，我看到tabpanel.items的长度等于2，我得到0

我运行了以下代码：

var items = formPanel.getComponent('tabpanel-dialoglang').items;
console.log('tabpanel: ',formPanel.getComponent('tabpanel-dialoglang'));
console.log('tabpanel.items: ',items);
console.log('tabpanel.items.length',items.length);
console.log('tabpanel.items.items:', items.items);
console.log('tabpanel.items.items[0]', formPanel.getComponent('tabpanel-dialoglang').items.items[0]);

然后进入控制台：

tabpanel: Object { xtype="tabpanel", name="tabpanel-dialoglang", itemId="tabpanel-dialoglang", ...}  
tabpanel.items: Object { allowFunctions=false, initialConfig={...}, items=[0], ...}  
tabpanel.items.length 0  
tabpanel.items.items: []  
tabpanel.items.items[0] undefined  

但当我转到tabpanel.items的DOM时，它有两个我感兴趣的对象

编辑2：创建选项卡面板：

'new-dialog': {
                afterrender: function(panel) {
                    var storeb = Ext.create('RBT.store.language.LanguageStore');
                    storeb.load({
                        params:{},
                        callback: function(records){
                            storeb.each(function (rec) {
                                var pp;
                                pp = {xtype: 'dialog-lang', title: rec.raw.lcid,itemId:rec.raw.lcid, id:rec.raw.id};
                                panel.down('#tabpanel-dialoglang').add(pp);  
                                panel.down('#tabpanel-dialoglang').setActiveTab(panel.down('#tabpanel-dialoglang').child('dialog-lang'));
                            }); 
                        }
                    });
                }
            },

---

问题是我试图在项目完全呈现之前获取项目我在获取信息之前获得了一秒钟的超时时间，并且它可以按照我的要求工作。

length

控制台代码段中拼写错误我的错了，我在此处拼写错误您可以添加一些代码吗？比如你如何构建选项卡式面板？