[英]I have a component define by itemid how I can get it in controller
im new in sencha . 我是煎茶新人。 i always use id to define my component .
我总是使用id定义我的组件。 but now i want to change it to itemid .
但是现在我想将其更改为itemid。 and i found the Ext.getcmp('id'), is not work .
我发现Ext.getcmp('id')不起作用。 and when i use Ext.componentquery.query('itemid') ,the console in chrome said Ext.componentquery is not a function.
当我使用Ext.componentquery.query('itemid')时,chrome中的控制台表示Ext.componentquery不是函数。 what can i do?
我能做什么?
my view code: 我的查看代码:
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
});
my controller code : 我的控制器代码:
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')
});
});
}
});
}
});
the console error said: 控制台错误说:
Uncaught TypeError: Ext.ComponentQuery.query(...).setData is not a function
i got it 我知道了
var label = Ext.ComponentQuery.query('main #datalabel')[0];
label.setData({
data : record.get('data'),
earn : record.get('earn')
});
I found Sencha's own code to use menu.down('#groupMenuItem')
to access itemId:'groupMenuItem'
. 我发现Sencha自己的代码可以使用
menu.down('#groupMenuItem')
访问itemId:'groupMenuItem'
。 So you should be fine using: 因此,您应该可以使用:
Ext.ComponentQuery.query('#itemid')
Use this. 用这个。
var label = Ext.ComponentQuery.query('main #datalabel'); -- check on console label should not undefined
label.tpl.updateData -- you will find methods with tpl
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.