通过id操作按钮

Manipulating a button via id

本文关键字:按钮 操作 id 通过      更新时间:2023-09-26

我有一个按钮添加,打开一个窗口(win),其中包含一些文本区和提交按钮。我的问题是,我想使用添加按钮的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"){
}
}

尝试创建一个类来定义您的按钮。在那之后,尝试通过它的别名'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