`
myclover
  • 浏览: 195100 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

extjs中的一些快捷键的使用

阅读更多
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
});
分享到:
评论

相关推荐

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中,`Ext....通过以上分析,我们可以看出,`EXTJS3`中的`Ext.PagingToolbar`结合快捷键应用,可以显著提升数据浏览的效率和用户体验。熟练掌握这种技巧,将有助于开发出更高效、易用的EXTJS应用程序。

    Extjs中文api

    在ExtJS 3.2版本中,该库提供了丰富的组件和布局管理,包括但不限于以下核心概念: 1. **组件(Components)**: ExtJS的核心是其组件模型,允许开发者创建复杂的UI元素,如表格、表单、树形视图、面板、窗口等。...

    VS Code 搭配 Sencha Plugin 插件简直不要太好用.用于开发 ExtJS/ExtAngular

    6. **模板和快捷键**:Sencha Plugin可能包含了一些预定义的模板,可以帮助快速生成常见的ExtJS和ExtAngular代码块,提高开发效率。同时,它还可以自定义快捷键,根据个人习惯设置常用命令的触发方式。 7. **集成...

    EXTJS 强大的图片查看器 仿windows照片查看器

    在给定的“EXTJS 强大的图片查看器 仿windows照片查看器”项目中,我们可以了解到,这个组件是EXTJS框架的一个扩展,旨在提供类似Windows操作系统中照片查看器的功能。下面将详细阐述EXTJS图片查看器的关键知识点。 ...

    关于Extjs禁用一些操作的资料

    在Ext JS这个强大的JavaScript框架中,开发者经常需要对用户界面的操作进行精细控制...对于更复杂的需求,开发者还可以结合其他事件,如`contextmenu`(右键点击事件),或者使用更高级的策略来阻止非预期的数据输入。

    extjs教程word版本

    13. **最佳实践和实战案例**:教程最后可能包含一些最佳实践建议,以及实际项目中的应用示例,帮助开发者在实际开发中更好地运用所学知识。 以上就是根据提供的信息推测的"ExtJS教程word版本"可能涵盖的主要内容。...

    Extjs动态加载菜单

    动态加载菜单是ExtJS中的一个关键特性,它允许在用户交互过程中动态地创建、修改和加载菜单项,提供了更灵活的用户界面设计。在“Extjs动态加载菜单”这个主题中,我们将深入探讨这一功能的实现方式以及相关技术。 ...

    Spket - ExtJS提示工具,附规范文件

    在Spket中集成这个文件,可以确保提示工具覆盖了ExtJS的基本API,让开发者在使用Spket时能获取到完整的ExtJS代码提示。 3. **安装与配置** - 首先,下载并安装Spket IDE,这是一款基于Eclipse的开发环境,提供...

    EXTJS4 菜单栏

    菜单栏在EXTJS4中的实现主要基于`Ext.menu.Menu`类。这个类提供了一个容器,可以容纳多个菜单项,每个菜单项可以通过`Ext.menu.Item`或其子类来创建。创建菜单栏的基本步骤包括: 1. **初始化菜单项**:首先,你...

    Extjs中文教程

    ### Extjs中文教程知识点梳理 #### 一、Extjs简介及环境搭建 ... - 在Extjs中通常使用原生的JSON解析功能。 - **分页工具栏** - 分页工具栏提供了一组按钮,用于控制表格的分页操作。 - 包括上一页、下一页...

    extjs核心api详解

    Ext1部分介绍了extjs的基础知识,包括如何初始化和配置extjs环境,以及一些基本的编程模式和最佳实践。这部分内容对于初学者来说至关重要,因为它奠定了学习更复杂api的基础。 二、Array/Date/Function/Number/...

    适合ExtJS使用的图标

    在ExtJS中,我们可以使用这些图标通过`iconCls`属性来指定组件的图标类,类名通常对应于CSS中的背景图像,也可以使用`icon`属性直接指定图标URL。此外,为了实现响应式设计,还可以使用不同尺寸的图标适应不同的设备...

    Extjs中文文档

    7. **工具栏和菜单**:这些组件提供了一种组织和展示功能按钮或选项的方式,可自定义图标、文本和快捷键。 8. **表单组件**:ExtJS的表单组件支持各种输入控件,如文本框、下拉框、日期选择器等,并提供了验证机制...

    ExtJS智能提示DW

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端应用程序。它的功能强大,提供了一系列组件,如表格、面板、菜单、窗口等,使开发者能够创建出交互性极强的Web应用。在开发过程中,智能提示工具对于提高...

    ExtDesigner for extjs3.0使用帮助文档.pdf

    此外,Ext-Designer还提供了一些快捷键,帮助用户更高效地操作工具。 **1.2 Anatomy of a UI Created with Designer** 使用Ext-Designer创建的用户界面主要由以下几部分组成: - **Containers**:容器用于组织...

    MyEclipse10.5集成spket并添加extjs4.1代码提示支持

    2. **配置SPket**:安装完成后,需要进行一些配置,使其支持ExtJS 4.1。这可能包括在SPket的首选项设置中指定ExtJS的库路径,这样插件才能正确识别和解析库的API。 3. **导入ExtJS 4.1库**:确保你已经下载了ExtJS ...

    Web开发速查(快捷键,标签等)

    ExtJS使用MVC(Model-View-Controller)架构,帮助组织代码。数据绑定允许组件与模型之间的自动同步。事件处理(Event Handling)是其核心部分,允许组件间的交互。 在这个"Web开发速查"中,你可以找到关于这些技术...

Global site tag (gtag.js) - Google Analytics