公需科目登录:EXT中也有支持快捷键

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 02:24:40
2009-02-26

EXT中也有支持快捷键

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