`

extjs 快捷键

 
阅读更多

 

var window = new Ext.Window({

id : "window"+that.receiverId,

title : '您正在与'+that.receiverName+'聊天',

iconCls:'menu-appuser',

width : 440,

height : 420,

layout:'fit',

items : [panel],

modal:false,

buttonAlign : 'center',

buttons : [{

text : '发送',

iconCls:'btn-ok',

scope:'true',

handler : function(){

var message = that.sendTextArea;

if(message.getValue()!=''){

var content = that.contentTextArea.getValue()+"\n"+that.senderName+" "+new Date().format('Y-m-d H:m:s')+"\n   "+message.getValue();

that.contentTextArea.setValue(content);

ChatService.sendMessage(that.senderId,that.receiverId,encodeURI(message.getValue(),"utf-8"));

message.setValue("");

}

}

}, {

text : '关闭',

iconCls:'btn-cancel',

handler : function() {

window.close();

}

}],

   keys:[{  

                key : 'c',

                alt : true,

                fn : function(){window.close();},  

                scope : this  

       }]

});

红色部分 alt+c关闭 window窗口

 

var map = new Ext.KeyMap(对象, [{ 
    key: Ext.EventObject.ENTER, 
    fn: handleKey, 
    shift: true,    
    ctrl: (true/false), 
    alt: (true/false),(这三个是表示联合快捷键) 
    scope: this 
},{ 
    key:Ext.EventObject.ESC, 
    fn:function{close();}, 
    scope:this 
}] 
); 

 

绑定一个新的快捷键 
map.addBinding({ 
    key: 'abc', 
    fn: handleKey, 
    scope: this 
});

 

that.sendTextArea =  new Ext.form.TextArea({

region : 'center',

width : 270,

xtype : 'textarea',

enableKeyEvents : true,

listeners: { 

    'render': function (input) { 

      new Ext.KeyMap(input.getEl(), [{ 

        key: 13, 

        ctrl: true, 

        fn: function() {alert("f");}, 

        scope: this 

      }]); 

    } 

  }

})

分享到:
评论

相关推荐

    EXTJS3 Ext.PagingToolbar() 快捷键应用

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

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

    用户可以期待类似的操作体验,如键盘快捷键、滑动浏览、全屏模式等。 4. **ext.imageviewer.js**:这是项目的核心文件,很可能包含了图片查看器组件的实现代码。EXTJS组件通常由多个部分组成,包括配置选项、事件...

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

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

    extjs教程word版本

    教程会教授如何创建和管理这些元素,以及如何添加快捷键和下拉菜单。 8. **表单和验证**:ExtJS提供了强大的表单组件和验证机制。教程会讲解如何创建表单,添加字段,以及设置验证规则。 9. **拖放和DnD**:ExtJS...

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

    - **代码导航**:通过快捷键或菜单,开发者可以快速跳转到函数定义、类声明等位置,便于理解和修改代码。 - **代码格式化**:支持代码格式化功能,保持代码整洁,符合编码规范。 - **模板支持**:提供预设的代码...

    EXTJS4 菜单栏

    每个菜单项可以包含文本、图标、快捷键以及点击事件处理函数。 ```javascript var item1 = new Ext.menu.Item({ text: '菜单项1', iconCls: 'icon-save', // 使用CSS类为菜单项添加图标 handler: function() { ...

    Extjs动态加载菜单

    你可以定义菜单项、快捷键、图标等属性。 2. **动态生成菜单项**:通过JavaScript代码动态创建菜单项。这可以是在用户触发特定事件(如点击按钮)时,或者根据服务器返回的数据进行。 3. **添加子项**:使用`add`...

    ExtJS智能提示DW

    接着,当你新建一个HTML文件后,可以激活代码提示功能,有两种方式:一是通过菜单"Spket" -> "Show Code Hints",二是按下Ctrl+Alt+Space快捷键。这样,你就可以享受到如图所示的智能提示功能了。 总的来说,"ExtJS...

    extjs核心api详解

    它们提供了丰富的api来创建多级菜单和工具栏,支持图标、文本、分隔符、快捷键等特性,极大地增强了用户界面的功能性和可用性。 九、Ext.grid系列 Ext.grid是extjs的表格组件,用于展示大量数据。这部分内容将详细...

    Extjs中文api

    8. **菜单(Menus)**: 菜单组件提供下拉菜单和右键菜单,可自定义菜单项和快捷键。 9. **工具栏(Toolbars)**: 工具栏常用于放置按钮、分割线、下拉框等工具,可以放在窗口、面板等组件的顶部或底部。 10. **...

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

    我们可以通过监听这个事件并阻止特定的键(如Ctrl+V或右键菜单的粘贴快捷键)来防止粘贴操作。以下是一个简单的示例: ```javascript var textField = Ext.create('Ext.form.field.Text', { fieldLabel: '禁用粘贴...

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

    6. **优化设置**:根据个人喜好和需求,可以进一步调整SPket的设置,比如代码格式化规则、快捷键等,以实现最佳的开发体验。 7. **持续更新**:由于SPket和ExtJS都会不断更新,记得定期检查是否有新的版本发布,...

    Extjs中文文档

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

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

    在这个"Web开发速查"中,你可以找到关于这些技术的快捷键,比如在IDE中快速插入HTML标签的快捷方式,CSS属性的缩写,SQL查询的常用模板,以及ExtJS组件的创建和配置方法。这样的速查资源对于开发者来说是宝贵的参考...

    Extjs中文教程

    - 用于选择日期的弹出式控件,内置了许多实用功能,如日期范围选择、快捷键等。 - 通过简单的配置就可以实现复杂的需求。 #### 九、数据与ComboBox - **数据在这里是动词** - 数据在Extjs中不仅仅是指存储的...

    aspnet Extjs发票管理系统

    技术特点:Extjs框架,三层架构,Ajax,json 1.仿office2007菜单.介面美观大方,可动态更改皮肤保存至cookie。 2,json数据源与实体类的相互转换. 3.可下载桌面版登录方式,统计在线人数. 4, chm操作手册,方便操作人员...

    适合ExtJS使用的图标

    1. `undo_24x24.png`:撤销操作,通常与Ctrl+Z键盘快捷键关联,用于恢复上一步操作。 2. `tune_24x24.png`:调整或设置,可能用于打开一个配置或选项面板,允许用户自定义应用的某些属性。 3. `expand_24x24.png`:...

Global site tag (gtag.js) - Google Analytics