椰子Java

Ext.onReady(function() {
   var form = new Ext.form.FormPanel({
       baseCls: 'x-plain',
       labelWidth: 55,
       defaultType: 'textfield',

       items: [{
           fieldLabel: 'Send To',
           name: 'to',
           anchor:'100%'  // anchor width by percentage
       }
       //一下是 Form 快捷方式
       keys:[{
         key:Ext.EventObject.ENTER,
         fn:doSearch,
         scope:this
        }]
       
   });
   
   //快捷方式执行的方法
   function doSearch(){
      alert('开始查找。。。');
   };

   var window = new Ext.Window({
       title: 'Resize Me',
       width: 500,
       height:300,
       minWidth: 300,
       minHeight: 200,
       layout: 'fit',
       plain:true,
       bodyStyle:'padding:5px;',
       buttonAlign:'center',
       items: form
   });

   window.show();
});

当然快捷键也可以直接放在Windows里面。


1：KeyMap构造方法如下。
KeyMap( Mixed el, Object config, [String eventName] )
参数说明：
el:HTMLElement元素或id号。
config:object，可以包含如下配置信息。
{
    key: String/Array,     //可以是数字，字符，Ext.EventObject.LEFT助记符以及它们组成的数组
    shift:       Boolean,          //shift/ctrl/alt键与key同时按下
     ctrl:        Boolean,
     alt :        Boolean,
     fn  :        Function,         //回调函数
    scope:       Object          //按键事件绑定范围
}
eventName:string 可选，其值为keydown等。

2：新建立一个KeyMap：

  var el = Ext.get("idv");  
  var keympTest=new Ext.KeyMap(el,{  
    key:Ext.EventObject.ENTER,//此处写为Ext.EventObject.ENTER亦可  
    //ctrl:true,//此行代码若存在，则fn在ctrl和key同时按下的情况下触发，此处是ctrl+enter  
    //shift: true,    //同上
    //alt: (true/false),//同上    
    fn:handerMethod,  
    scope:this  
  }  
  );  
  keympTest.enable();//使当前keymap配置生效  



3：向以存在的快捷方式加入新的热键。
  keympTest.addBinding({  
    key:'\r',  
    shift:true,  
    fn:handerMethod,  
    scope:this  
    });  
    keympTest.enable();  
  });