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