我想知道是否有办法在没有组件查询的情况下访问Sencha Touch和ExtJS中的组件。并且没有自己构建对象结构。
如果我创建这样的视图:
Ext.Viewport.add({
xtype: 'panel',
itemId: 'panel1',
modal: true,
centered: true,
items: [{
xtype: 'button',
itemId: 'btn1',
text: 'One'
}, {
xtype: 'button',
itemId: 'btn2',
text: 'Two'
}]
});
为了获得btn2,我宁愿使用Ext.Viewport.panel1.btn2
而不是Ext.Viewport.down('#panel1').down('#btn1')
。
可以手动执行此操作。但它并不漂亮。
Ext.Viewport.panel1 = Ext.Viewport.down('#panel1');
Ext.Viewport.panel1.btn1 = Ext.Viewport.panel1.down('#btn1');
Ext.Viewport.panel1.btn2 = Ext.Viewport.panel1.down('#btn2');
ItemId在兄弟姐妹之间必须是唯一的,它是用于此的完美属性。我已经可以使用自动化方式吗?我没有在文档中找到它。或者我应该写一个创建这个的简单脚本吗?