extjs中的一些快捷键的使用

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

你可能感兴趣的:(ext,UP)