`
johnawm
  • 浏览: 21265 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

实时监听extjs的textfield控件的键盘输入方法

EXT 
阅读更多
添加一个textfield控件,设置enableKeyEvents属性为true
	            	items : [
	            	{
	            		id : 'btnSearch',
	            		xtype : 'textfield',
	            		enableKeyEvents : true
                            }]

                   


使用keymap,监听键盘输入
var key = new Ext.KeyMap(document, {  
			        key: "1234567890qwertyuioplkjhgfdsazxcvbnm",  // Enter  
			        //shift: true,  
			        //ctrl: true,  
			        fn: function()  
			        {  
			            alert("键盘"); 
			        },  
			        scope: this  
			    });
1
5
分享到:
评论
2 楼 duni_读你 2012-08-10  
我的ext2.1的根本不可以用
1 楼 leishi.java 2012-07-26  


非常感谢!

相关推荐

    extjs 5 textfield 金额控件扩展

    在EXTJS 5中,开发人员经常会遇到需要创建专门用于输入金额的文本字段控件,以便用户能够方便、准确地输入货币数据。EXTJS 5 Textfield 金额控件扩展就是为了满足这一需求而设计的。这个扩展提供了一个专门的组件,...

    extjs属性方法大全

    ### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: ...

    EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题

    EXTJS中的`value`属性通常用于设置Field组件的初始值,包括Hidden Textfield。按照标准做法,我们应该可以通过以下方式给隐藏字段赋值: ```javascript var hiddenField = { xtype: 'hidden', name: 'operatorId'...

    ExtJs6.2中包含文本及时间选择框的自定义查询控件的解决方案

    在ExtJs 6.2框架中实现一个具有文本输入与时间选择功能的自定义查询控件是一个常见但实用的需求。本篇文章将详细介绍如何设计并实现这样一个控件,包括其前端逻辑与后端接口调用。 #### 一、设计思路与架构 为了...

    Extjs4使用要点个人整理

    4. **树形控件(Tree)配置项与方法**:`Ext tree配置项与方法.docx`会讲解如何创建和操作树形结构。内容可能包括节点的添加、删除、展开/折叠,以及自定义节点图标和行为。 5. **xtype列表**:`Extjs xtype列表....

    Ext Extjs 禁止文本和日期编辑

    `TextField`是Ext JS中用于创建单行文本输入的常见控件。如果你想要在某个时刻禁止用户编辑这个字段,你可以动态地设置它的`readOnly`属性。`readOnly`属性默认为`false`,表示用户可以编辑文本;当设置为`true`时,...

    ext-3-TextField-sample.rar_ext_ext TextField_ext textfield inp

    在提供的压缩包中,"ext-3-TextField-sample.rar" 涉及到的是ExtJS 3.x版本中的TextField组件,这是一个基本的用户输入控件,常用于收集用户在网页上的文本信息。这个示例着重介绍了如何创建和使用TextField。 ...

    EXTJS3.0中文API (离线)

    4. **表单组件**:EXTJS包含一系列表单控件,如文本字段(TextField)、选择框(ComboBox)、日期选择器(DatePicker)等,能够满足各种数据输入需求。 5. **数据存储**:EXTJS的数据存储系统包括Store,它可以连接...

    Extjs 3.0 中文API

    7. **表单(Form)组件**:表单组件包含各种输入控件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,支持数据验证和提交。 8. **树形结构(Tree)**:提供了树形组件,可用于展示和操作...

    extjs3.0 API 中英

    1. **组件系统**:ExtJS的核心是它的组件模型,包括各种类型的控件如表格(Grid)、面板(Panel)、窗口(Window)、菜单(Menu)等。这些组件可以组合成复杂的用户界面,并具有高度可配置性和可扩展性。 2. **数据...

    extjs做的增删改查

    可以使用FieldSet、TextField、ComboBox等控件来构建表单。 6. **Action Column**:在Grid中,可以通过Action Column添加自定义操作按钮,如“删除”或“编辑”,并关联事件处理函数。 7. **CRUD操作**:...

    Extjs的学习资料

    - `Ext.widgets.form`:涉及表单组件,如TextField、ComboBox、CheckboxGroup等,用于用户输入。 - `Ext.widgets.grid`:关于网格组件的详细API,涵盖列配置、行编辑、分页等。 - `Ext.Element`:DOM元素操作的...

    Ext 的login控件

    在本文中,我们将深入探讨ExtJS中的登录控件以及与“统一登录”和“单点登录”相关的概念。 **1. ExtJS Login 控件** 在ExtJS中,创建一个登录界面通常涉及以下步骤: - **创建表单(FormPanel)**: 表单是承载...

    extjs 写的动态加载、增删改查、拖拽Tree (java mysql数据库 已有表结构 eclipse可直接导入)(完整版)

    FormPanel包含各种Field,如TextField、ComboBox等,用于用户输入。提交表单时,可以调用Store的add、update或remove方法,然后通过Ajax请求将数据同步到后端。在本项目中,Java服务可能已经实现了这些接口,处理...

    ExtJs使用过程中积攒的一些东西

    - 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...

    AnyFo_-_ExtJS_移魂大法

    ##### 3.2 响应ExtJS控件事件 - **JS代码**: ```javascript var button = new Ext.Button({ text: 'Click me', handler: function() { alert('Button clicked!'); } }); ``` #### 4. 窗体 ExtJS提供了...

    ExtJs入门实例

    ### ExtJs2.0入门实例知识点详解 #### 1. Ext.MessageBox ...以上是ExtJs2.0中的一些基础控件和方法的详细介绍,通过这些内容可以帮助初学者快速入门,并掌握如何使用这些控件进行Web应用程序开发。

    Extjs中文教程2.x

    ### Extjs中文教程2.x 知识点概览 #### 一、Extjs简介与准备工作 **1.1 Extjs概述** - **定义**: Extjs 是一个基于 JavaScript 的开源前端框架,用于构建交互式 Web 应用程序。 - **特点**: 提供丰富的 UI 组件、...

Global site tag (gtag.js) - Google Analytics