EXT中也有支持快捷键

EXT快捷键配置指南

最新推荐文章于 2021-03-17 11:44:02 发布

原创最新推荐文章于 2021-03-17 11:44:02 发布 · 355 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #UP

Extjs 专栏收录该内容

52 篇文章

订阅专栏

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
});