我有一个表单,我在其中输入字段中的详细信息并按“搜索”按钮,它会检查字段是否输入正确。基于此,它搜索或提示用户输入其他详细信息。很标准。现在我想执行相同的操作,以便当用户点击 ENTER 键时,执行相同的“搜索”操作。我在网上搜索了很多但却找不到任何实质性的东西。
{
xtype : 'button',
text : 'Search',
handler : function() {
//search function
}
答案 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();}
});