extjs中的一些快捷键的使用

[color=blue]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
}); [/color]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章