您的位置:首页 > 其它

Ext FormPanel监听键盘按钮事件

2010-06-16 14:14 465 查看
Ext FormPanel监听键盘按钮事件

 

1、设置formPanel的keys属性,以绑定键盘按钮事件。

 

var formLogin = new Ext.form.FormPanel
({
frame : true,
baseCls : _bgImg,
labelAlign : "right",
bodyStyle : "padding:21px 5px",
items :
[
{
name : "name",
fieldLabel : "<font color='#33FF00'>用户名</font><font color='red'>*</font>",
xtype : "textfield",
cls : _userImg,
maxLength : 8,
maxLengthText : '长度不能超过8个字符',
allowBlank : false,
blankText : _blankText_name
},
{
name : "password",
fieldLabel : "<font color='#33FF00'>密码</font><font color='red'>*</font>",
xtype : "textfield",
inputType : "password",
cls : _passwordImg,
maxLength : 16,
maxLengthText : '长度不能超过16个字符',
allowBlank : false,
blankText : _blankText_password
}
],
buttons:[{
text:'确定',
handler:onOK
}, {
text:'重置',
handler:function(){ formLogin.getForm().reset(); }
}],
keys:[{ //处理键盘回车事件
key:Ext.EventObject.ENTER,
fn:onOK,
scope:this
}]
});


 

2、通过KeyMap,给当前页面绑定键盘按钮事件。

var key = new Ext.KeyMap(document, {
key: 13,  // Enter
//shift: true,
//ctrl: true,
fn: function()
{
if(formLogin.getForm().isValid())
{
proc_login(_callMq,_debugData)
}
},
scope: this
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ext function login