我有一个由 itemid 定义的组件,我如何在控制器中获取它

I have a component define by itemid how I can get it in controller

我是煎茶新手。我总是使用 id 来定义我的组件。但现在我想将其更改为 itemid 。我发现 Ext.getcmp('id') 不起作用。当我使用 Ext.componentquery.query('itemid') 时,chrome 中的控制台说 Ext.componentquery 不是函数。我能做什么?

我的查看代码:

Ext.define('ylp2p.view.Main', {
extend: 'Ext.tab.Panel',
xtype: 'main',
requires: [
    'Ext.TitleBar',
    'Ext.carousel.Carousel',
    'ylp2p.store.datainterests',      
    'Ext.Label',
    'Ext.List'
],
config: {
    fullscreen: true,
    tabBarPosition: 'bottom',
    scrollable: 'vertical',

    items: [
        {
            title: '首页',
            iconCls: 'home',

            styleHtmlContent: true,
            //true to automatically style the HTML inside the content target of this component (body for panels).
            scrollable: true,
            layout: 'card',
            items:  [
            {
                docked: 'top',
                xtype: 'titlebar',
                title: 'ylp2p'
            },
            {
                xtype: 'container',
                layout: 'vbox',
                items:[
                    {
                        xtype: 'label',
                        itemId: 'datalabel',---------this component is what i want
                        height: 50,
                        store: 'datainterests',
                        tpl: '金额:{data},利息:{earn}',
                    }//end label
                ]
            }
            ]//end items
        }
    ]
},//end config

//end listeners
});

我的控制器代码:

Ext.define('ylp2p.controller.viewdata',{
extend: 'Ext.app.Controller',

launch: function(){
    console.log('hello ! here is controller launch function');
    var storeId = Ext.create('ylp2p.store.datainterests');
    storeId.load({
        callback: function(records, operation, success){
            Ext.each(records, function(record) {               
                Ext.ComponentQuery.query("main > datalabel").setData({----it cant work . why?
                    data : record.get('data'),
                    earn : record.get('earn')
                });
            });
        }
    });
}
});

控制台错误说:

Uncaught TypeError: Ext.ComponentQuery.query(...).setData is not a function

我找到了Sencha自己的代码使用menu.down('#groupMenuItem')访问itemId:'groupMenuItem'。所以你应该没问题使用:

Ext.ComponentQuery.query('#itemid')

使用这个。

var label  = Ext.ComponentQuery.query('main #datalabel');  -- check on console label should not undefined
label.tpl.updateData -- you will find methods with tpl

我知道了

var label  = Ext.ComponentQuery.query('main #datalabel')[0];
label.setData({
  data : record.get('data'),
  earn : record.get('earn')
});