Ext FormPanel监听键盘按钮事件
2010-06-16 14:14
465 查看
Ext FormPanel监听键盘按钮事件
1、设置formPanel的keys属性,以绑定键盘按钮事件。
2、通过KeyMap,给当前页面绑定键盘按钮事件。
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 });
相关文章推荐
- ExtJs内的Ext.form.Panel中datefield控件选择日期过后的事件监听select以及比较两个时间的大小
- <Android>监听软键盘打开收起事件(软键盘自带收起按钮)
- 如何动态修改输入法键盘红色框中(右下角)的文字,以及 如何监听右下角按钮的点击事件?
- GUI__【GUI概述】【布局】【Frame】【事件监听机制】【窗体事件】【按钮】【鼠标事件】【键盘事件】【Dialog对话框】【菜单】
- extjs ext.tree.panel 添加监听事件
- 监听UITextField键盘删除按钮事件
- Android监听软键盘打开收起事件(软键盘自带收起按钮)
- 为Ext.form.Panel的xtype:label添加事件
- Android监听软键盘打开收起事件(软键盘自带收起按钮)
- Ext.关于textfield的键盘事件的监听
- 监听键盘右下角按钮点击事件
- <Android>监听软键盘打开收起事件(软键盘自带收起按钮)
- <Android>监听软键盘打开收起事件(软键盘自带收起按钮)
- Ext 中,为Ext.form.HtmlEditor添加键盘事件
- <Android>监听软键盘打开收起事件(软键盘自带收起按钮)
- 向ext的form表单元素添加click监听事件
- Ext 中,为Ext.form.HtmlEditor添加键盘事件
- Ext 中,为Ext.form.HtmlEditor添加键盘事件
- Ext.Window点击右上角关闭(X按钮)添加监听事件
- 为JFrame和JDialog等窗口部件添加缺省按钮和响应Escape键盘事件