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....通过以上分析,我们可以看出,`EXTJS3`中的`Ext.PagingToolbar`结合快捷键应用,可以显著提升数据浏览的效率和用户体验。熟练掌握这种技巧,将有助于开发出更高效、易用的EXTJS应用程序。
用户可以期待类似的操作体验,如键盘快捷键、滑动浏览、全屏模式等。 4. **ext.imageviewer.js**:这是项目的核心文件,很可能包含了图片查看器组件的实现代码。EXTJS组件通常由多个部分组成,包括配置选项、事件...
6. **模板和快捷键**:Sencha Plugin可能包含了一些预定义的模板,可以帮助快速生成常见的ExtJS和ExtAngular代码块,提高开发效率。同时,它还可以自定义快捷键,根据个人习惯设置常用命令的触发方式。 7. **集成...
教程会教授如何创建和管理这些元素,以及如何添加快捷键和下拉菜单。 8. **表单和验证**:ExtJS提供了强大的表单组件和验证机制。教程会讲解如何创建表单,添加字段,以及设置验证规则。 9. **拖放和DnD**:ExtJS...
- **代码导航**:通过快捷键或菜单,开发者可以快速跳转到函数定义、类声明等位置,便于理解和修改代码。 - **代码格式化**:支持代码格式化功能,保持代码整洁,符合编码规范。 - **模板支持**:提供预设的代码...
每个菜单项可以包含文本、图标、快捷键以及点击事件处理函数。 ```javascript var item1 = new Ext.menu.Item({ text: '菜单项1', iconCls: 'icon-save', // 使用CSS类为菜单项添加图标 handler: function() { ...
你可以定义菜单项、快捷键、图标等属性。 2. **动态生成菜单项**:通过JavaScript代码动态创建菜单项。这可以是在用户触发特定事件(如点击按钮)时,或者根据服务器返回的数据进行。 3. **添加子项**:使用`add`...
接着,当你新建一个HTML文件后,可以激活代码提示功能,有两种方式:一是通过菜单"Spket" -> "Show Code Hints",二是按下Ctrl+Alt+Space快捷键。这样,你就可以享受到如图所示的智能提示功能了。 总的来说,"ExtJS...
它们提供了丰富的api来创建多级菜单和工具栏,支持图标、文本、分隔符、快捷键等特性,极大地增强了用户界面的功能性和可用性。 九、Ext.grid系列 Ext.grid是extjs的表格组件,用于展示大量数据。这部分内容将详细...
8. **菜单(Menus)**: 菜单组件提供下拉菜单和右键菜单,可自定义菜单项和快捷键。 9. **工具栏(Toolbars)**: 工具栏常用于放置按钮、分割线、下拉框等工具,可以放在窗口、面板等组件的顶部或底部。 10. **...
我们可以通过监听这个事件并阻止特定的键(如Ctrl+V或右键菜单的粘贴快捷键)来防止粘贴操作。以下是一个简单的示例: ```javascript var textField = Ext.create('Ext.form.field.Text', { fieldLabel: '禁用粘贴...
6. **优化设置**:根据个人喜好和需求,可以进一步调整SPket的设置,比如代码格式化规则、快捷键等,以实现最佳的开发体验。 7. **持续更新**:由于SPket和ExtJS都会不断更新,记得定期检查是否有新的版本发布,...
- 使用快捷键`F12`打开控制台。 - 进入多行编辑模式。 - **示例调试代码**: ```javascript Ext.get(document.body).update('<div id="test"></div>'); ``` - **功能说明**:该段代码会将当前页面的`body`...
7. **工具栏和菜单**:这些组件提供了一种组织和展示功能按钮或选项的方式,可自定义图标、文本和快捷键。 8. **表单组件**:ExtJS的表单组件支持各种输入控件,如文本框、下拉框、日期选择器等,并提供了验证机制...
在这个"Web开发速查"中,你可以找到关于这些技术的快捷键,比如在IDE中快速插入HTML标签的快捷方式,CSS属性的缩写,SQL查询的常用模板,以及ExtJS组件的创建和配置方法。这样的速查资源对于开发者来说是宝贵的参考...
- 用于选择日期的弹出式控件,内置了许多实用功能,如日期范围选择、快捷键等。 - 通过简单的配置就可以实现复杂的需求。 #### 九、数据与ComboBox - **数据在这里是动词** - 数据在Extjs中不仅仅是指存储的...
技术特点:Extjs框架,三层架构,Ajax,json 1.仿office2007菜单.介面美观大方,可动态更改皮肤保存至cookie。 2,json数据源与实体类的相互转换. 3.可下载桌面版登录方式,统计在线人数. 4, chm操作手册,方便操作人员...
1. `undo_24x24.png`:撤销操作,通常与Ctrl+Z键盘快捷键关联,用于恢复上一步操作。 2. `tune_24x24.png`:调整或设置,可能用于打开一个配置或选项面板,允许用户自定义应用的某些属性。 3. `expand_24x24.png`:...