EXTJS中form添加按钮触发事件

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

转载于:https://www.cnblogs.com/javahuang/archive/2013/04/12/3016116.html

你可能感兴趣的:(EXTJS中form添加按钮触发事件)