通过Ext JS按钮处理程序传递参数

时间:2018-07-16 09:38:42

标签: button extjs handler

如何从我的按钮处理程序中获取用户名和密码值?当我这样编码时,出现错误Uncaught ReferenceError:用户名未定义

var auth = new Ext.FormPanel({
  labelWidth   : 75,
  frame        : true,
  width        : 320,
  autoHeight   : true,        
  defaultType  : 'textfield',
  monitorValid : true,
  defaults     : {
     anchor : '-10'
  },
  items:[{
     fieldLabel : 'Username',
     id         : 'username',
     allowBlank : false
  },{
     fieldLabel : 'Password',
     id         : 'password',
     inputType  : 'password',
     allowBlank : false
  }],   
     buttons:[{
     text : 'OK',
     handler: penggabunganRm(username, password)
  }]
});

var createWindow = new Ext.Window({
  title      : 'Input username and password',
  width      : 330,
  autoHeight : true,
  modal      : true,
  border     : false,
  layout     : 'fit',
  items      : auth
});

createWindow.show();

function penggabunganRm(username, password){
    if(username=='test' && password=='test'){
    }
}

我想获取penggabunganRm()函数的用户名和密码的值。

谢谢

1 个答案:

答案 0 :(得分:0)

请参见以下代码:-

var auth = new Ext.FormPanel({
    labelWidth: 75,
    frame: true,
    width: 320,
    autoHeight: true,
    defaultType: 'textfield',
    monitorValid: true,
    defaults: {
        anchor: '-10'
    },
    items: [{
        fieldLabel: 'Username',
        id: 'username',
        name: 'username',
        allowBlank: false
    }, {
        fieldLabel: 'Password',
        id: 'password',
        name: 'password',
        inputType: 'password',
        allowBlank: false
    }],
    buttons: [{
        text: 'OK',
        handler: function () {
            penggabunganRm(this);
        }
    }]
});

var createWindow = new Ext.Window({
    title: 'Input username and password',
    width: 330,
    autoHeight: true,
    modal: true,
    border: false,
    layout: 'fit',
    items: auth
});

createWindow.show();

function penggabunganRm(button) {
    console.log(button.up('form').getValues());
    if (username == 'test' && password == 'test') {};
}

Working Example

我已经使用 name 配置用户名和密码字段。 希望这会帮助/指导您。