`
- 浏览:
195100 次
- 性别:
- 来自:
成都
-
EXT中也有支持快捷键,比如回车,ESC等,你可以通过按钮绑定,也可以直接运用在某个组件上,比如Ext.window你可以触发ESC键关闭,这些键都存在对象Ext.EventObject中,对应的键如下:
BACKSPACE : Number
CONTROL : Number
DELETE : Number
DOWN : Number
END : Number
ENTER : Number
ESC : Number
F5 : Number
HOME : Number
LEFT : Number
PAGEDOWN : Number
PAGEUP : Number
RETURN : Number
RIGHT : Number
SHIFT : Number
SPACE : Number
TAB : Number
UP : Number
altKey : Object
browserEvent : Object
button : Object
ctrlKey : Object
shiftKey : Object
如何使用呢:
在form里面,可以这样用:
keys:[{
key:Ext.EventObject.ENTER,
fn:doSubmit,
scope:this
},{
key:Ext.EventObject.ESC,
fn:function{close();},
scope:this
}
}]
也可以自己设定快捷键
一个对象可以定义多个快捷键
var map = new Ext.KeyMap(对象, [{
key: Ext.EventObject.ENTER,
fn: handleKey,
shift: true,
ctrl: (true/false),
alt: (true/false),(这三个是表示联合快捷键,比如ctrl:true,那么快捷键就是abc+ctrl)
scope: this
},{
key:Ext.EventObject.ESC,
fn:function{close();},
scope:this
}]
);
绑定一个新的快捷键
map.addBinding({
key: 'abc',
fn: handleKey,
scope: this
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
在EXTJS3中,`Ext....通过以上分析,我们可以看出,`EXTJS3`中的`Ext.PagingToolbar`结合快捷键应用,可以显著提升数据浏览的效率和用户体验。熟练掌握这种技巧,将有助于开发出更高效、易用的EXTJS应用程序。
在ExtJS 3.2版本中,该库提供了丰富的组件和布局管理,包括但不限于以下核心概念: 1. **组件(Components)**: ExtJS的核心是其组件模型,允许开发者创建复杂的UI元素,如表格、表单、树形视图、面板、窗口等。...
6. **模板和快捷键**:Sencha Plugin可能包含了一些预定义的模板,可以帮助快速生成常见的ExtJS和ExtAngular代码块,提高开发效率。同时,它还可以自定义快捷键,根据个人习惯设置常用命令的触发方式。 7. **集成...
在给定的“EXTJS 强大的图片查看器 仿windows照片查看器”项目中,我们可以了解到,这个组件是EXTJS框架的一个扩展,旨在提供类似Windows操作系统中照片查看器的功能。下面将详细阐述EXTJS图片查看器的关键知识点。 ...
在Ext JS这个强大的JavaScript框架中,开发者经常需要对用户界面的操作进行精细控制...对于更复杂的需求,开发者还可以结合其他事件,如`contextmenu`(右键点击事件),或者使用更高级的策略来阻止非预期的数据输入。
13. **最佳实践和实战案例**:教程最后可能包含一些最佳实践建议,以及实际项目中的应用示例,帮助开发者在实际开发中更好地运用所学知识。 以上就是根据提供的信息推测的"ExtJS教程word版本"可能涵盖的主要内容。...
动态加载菜单是ExtJS中的一个关键特性,它允许在用户交互过程中动态地创建、修改和加载菜单项,提供了更灵活的用户界面设计。在“Extjs动态加载菜单”这个主题中,我们将深入探讨这一功能的实现方式以及相关技术。 ...
在Spket中集成这个文件,可以确保提示工具覆盖了ExtJS的基本API,让开发者在使用Spket时能获取到完整的ExtJS代码提示。 3. **安装与配置** - 首先,下载并安装Spket IDE,这是一款基于Eclipse的开发环境,提供...
菜单栏在EXTJS4中的实现主要基于`Ext.menu.Menu`类。这个类提供了一个容器,可以容纳多个菜单项,每个菜单项可以通过`Ext.menu.Item`或其子类来创建。创建菜单栏的基本步骤包括: 1. **初始化菜单项**:首先,你...
### Extjs中文教程知识点梳理 #### 一、Extjs简介及环境搭建 ... - 在Extjs中通常使用原生的JSON解析功能。 - **分页工具栏** - 分页工具栏提供了一组按钮,用于控制表格的分页操作。 - 包括上一页、下一页...
Ext1部分介绍了extjs的基础知识,包括如何初始化和配置extjs环境,以及一些基本的编程模式和最佳实践。这部分内容对于初学者来说至关重要,因为它奠定了学习更复杂api的基础。 二、Array/Date/Function/Number/...
在ExtJS中,我们可以使用这些图标通过`iconCls`属性来指定组件的图标类,类名通常对应于CSS中的背景图像,也可以使用`icon`属性直接指定图标URL。此外,为了实现响应式设计,还可以使用不同尺寸的图标适应不同的设备...
7. **工具栏和菜单**:这些组件提供了一种组织和展示功能按钮或选项的方式,可自定义图标、文本和快捷键。 8. **表单组件**:ExtJS的表单组件支持各种输入控件,如文本框、下拉框、日期选择器等,并提供了验证机制...
ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端应用程序。它的功能强大,提供了一系列组件,如表格、面板、菜单、窗口等,使开发者能够创建出交互性极强的Web应用。在开发过程中,智能提示工具对于提高...
此外,Ext-Designer还提供了一些快捷键,帮助用户更高效地操作工具。 **1.2 Anatomy of a UI Created with Designer** 使用Ext-Designer创建的用户界面主要由以下几部分组成: - **Containers**:容器用于组织...
2. **配置SPket**:安装完成后,需要进行一些配置,使其支持ExtJS 4.1。这可能包括在SPket的首选项设置中指定ExtJS的库路径,这样插件才能正确识别和解析库的API。 3. **导入ExtJS 4.1库**:确保你已经下载了ExtJS ...
ExtJS使用MVC(Model-View-Controller)架构,帮助组织代码。数据绑定允许组件与模型之间的自动同步。事件处理(Event Handling)是其核心部分,允许组件间的交互。 在这个"Web开发速查"中,你可以找到关于这些技术...