Question

我有一个按钮添加，打开一个窗口（win），其中包含一些textarea和一个提交按钮。我的问题是我想使用函数提交的添加按钮的id（btn）。我怎么能得到它？

var btn_add = Ext.create('Ext.Button', {
            width:65,
            height:30,
            text:'Add', 
            id:"btn_add",
            iconCls: 'add',
            handler: onButtonClick
        });

function onButtonClick(btn) { 
    switch (btn.id){
        case "btn_add": {
        win.show();
        break;
        }
        }


win = new Ext.Window({
        title: 'Form',
        autoScroll: true,
        y: 120,
        width: 300,
        height: 160,
        modal: true,
        closeAction: 'hide',
        items: [name,btn_submitform]
    });

var btn_submitform = Ext.create('Ext.Button', {
            width:75,
            height:30,
            text:'Submit', 
            id:"btn_submitform",
            handler: submit
    });


function submit(btn) {
            if(btn.id="btn_add"){
}
}

Answer 1

尝试创建一个类来定义按钮。之后，尝试通过别名\ xtype捕获它，无论你想要它。

Ext.define('MyApp.CoolBtn', {
    extend: 'Ext.Button',
    alias: ['widget.coolbtn'],
    title: 'Yeah!'
});

// Using Ext.create
Ext.create('widget.coolbtn');


Ext.ComponentQuery.query('coolbtn'); // Get you cmp by alias

通过id操作按钮

1 个答案: