extjs使用回车绑定按钮的实现方式

1.应用在textfield中的回车方式:

var siteName = new Ext.form.Field({
            id: 'siteName1',//表单元素最好使用Id,不然在IE浏览器中表单内容将变形
            fieldLabel: '网站名称',
            listeners : {
                specialkey : function(field, e) {
                    if (e.getKey() == Ext.EventObject.ENTER) {
                        alert("提交");
                        ...
                    }
                }
            }
        });

2.为button的回车方式:

this.searchPanel = new Ext.FormPanel(
        {
         layout : 'column',
         region : 'north',
         height : 80,
         id:'testbaseserachid',
         bodyStyle : 'padding:6px 10px 6px 10px',
         border : false,
         defaults : {
          border : false,
          anchor : '98%,98%'
         },
         keys:[{
                      key:13,  //13代表回车
                      fn:function(){
                           document.getElementById("btntrtestbaseall").click();
                      },
                      scope:this
                  }],

         items : [
           {
            columnWidth : .3,
            layout : 'form',
            items : {
             fieldLabel : '标题',
             name : 'Q_title_S_LK',
             id:'querytrtestbasetile',
             maxLength:200,
             xtype : 'textfield'
            }
           },
           {
            columnWidth : .3,
            layout : 'form',
            width:50,
            items : {
             fieldLabel : '原语言',
             hiddenName : 'queryfromlanguage',
             id:'querytrtestbasefromlangguage',
             xtype : 'combo',
             mode : 'local',
             anchor : '63%',
             editable : false,
             valueField : 'id',
             displayField : 'name',
             triggerAction : 'all',
             store : new Ext.data.SimpleStore(
               {
                autoLoad : true,
                url : __ctxPath + '/pubmodule/loadMapStringDictionary.do?itemName=language&queryuser=true',
                fields : [
                  'id',
                  'name' ]
               })
            }
          ,
           {
            columnWidth : .3,
            layout : 'hbox',
            items : [
            {
             xtype : 'button',
             text : '查询',
             id:'btntrtestbaseall',
             iconCls : 'search',
             handler : this.search
               .createCallback(this)
            }, 
            {
            xtype : 'button',
            text : '重置',
            iconCls:'btn-reseted',
            handler : function() {
             var searchPanel = Ext.getCmp('testbaseserachid');
             searchPanel.getForm().reset();
             
            }
           }]
           }
          ]
        });


你可能感兴趣的:(项目及框架总结)