如何在extjs中按键操作按钮操作?

时间:2015-07-08 16:21:18

标签: extjs

我有一个表单,我在其中输入字段中的详细信息并按“搜索”按钮,它会检查字段是否输入正确。基于此,它搜索或提示用户输入其他详细信息。很标准。现在我想执行相同的操作,以便当用户点击 ENTER 键时,执行相同的“搜索”操作。我在网上搜索了很多但却找不到任何实质性的东西。

 {
                            xtype : 'button',
                            text : 'Search',
                            handler : function() {
                             //search function
}

2 个答案:

答案 0 :(得分:1)

有很多方法可以做到这一点。

1。 如果要按回车键调用搜索按钮功能,则可以使用specialkey listener。

首先在此文件或单独的文件中创建一个公共函数。 实施例

function sample()
{
  // coding
}

function sample2(el, e)
{
  if (e.keyCode == e.ENTER) {
    sample();
    e.stopEvent();
}
}

{
xtype : 'button',
text : 'Search',
handler : sample //sample function will be called
}

{
xtype:'textfield',
id: 'txtId',
listener:{
specialkey: sample2 
}
}

当按下enter键调用“sample2”功能时,首先它会检查输入按键或其他任何按键,然后它将采样功能(你可以使用实际代码点击按钮或输入按下文本字段)。

答案 1 :(得分:0)

使用keymap

new Ext.util.KeyMap({
    target: "yourDOmElement"/ your component,
    key: Ext.EventObject.ENTER
    fn: handler
});

示例:

var x = Ext.create('Ext.form.field.Text', {renderTo: Ext.getBody()});
var map = new Ext.util.KeyMap({
    target: x.getEl(),
    key: 13,
    fn: function() {alert();}
});