ext js在控制器中引用如何配置

时间:2015-08-29 18:51:55

标签: javascript extjs

我有ViewController和View(参考面板:" table1") 我想在我的ViewController中配置监听器:

    control: {
            '#table1': {
                click: 'clickButton'
            },                
        },
...

但'#table1'仅适用于itemId和Id,但不适用于引用。如何实现?

2 个答案:

答案 0 :(得分:2)

您可以按照Pawel提到的方式执行此操作,或者如果您确实需要使用控件对象:

control: {
    '[reference=table1]': {
        click: 'clickButton'
    },                
},

答案 1 :(得分:1)

这是如何使用引用的示例:

Ext.define('MyApp.view.foo.Foo', {
    extend: 'Ext.panel.Panel',
    xtype: 'foo',
    controller: 'foo',

    tbar: [{
        xtype: 'button',
        text: 'Add',
        handler: 'onAdd'
    }],

    items: [{
        xtype: 'grid',
        reference: 'fooGrid'
        ...
    }]
});

Ext.define('MyApp.view.foo.FooController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.foo',

    onAdd: function () {
        var grid = this.lookupReference('fooGrid');
    }
});

有关详细信息,请参阅:ViewControllers - how do they works ?