Sencha - 通过对象结构而不是组件查询访问组件

时间:2015-12-24 12:02:27

标签: extjs sencha-touch

我想知道是否有办法在没有组件查询的情况下访问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在兄弟姐妹之间必须是唯一的,它是用于此的完美属性。我已经可以使用自动化方式吗?我没有在文档中找到它。或者我应该写一个创建这个的简单脚本吗?

0 个答案:

没有答案