首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

extjs 绑定键盘事件

2012-09-01 
extjs 绑定键盘事件。1》var siteName new Ext.form.Field({id: siteName1,//表单元素最好使用Id,不然在

extjs 绑定键盘事件。
1》var siteName = new Ext.form.Field({
            id: 'siteName1',//表单元素最好使用Id,不然在IE浏览器中表单内容将变形
            fieldLabel: '网站名称',
            listeners : {
                specialkey : function(field, e) {
                    if (e.getKey() == Ext.EventObject.ENTER) {
                        alert("终于可以回车提交了");
                        ...
                    }
                }
            }
        });


2》       xtype : 'textfield',
       fieldLabel : '搜索',
       id : "sarchdeptName",
       value : '1101',
       anchor : '100%',
       listeners : {
        'render' : function(input) {
         new Ext.KeyMap(input.getEl(), [{
              key : 13,
              fn : SysDeptView.searchDept,
              scope : this
             }]);
        }
       }
      }

SysDeptView.searchDept方法如下:

SysDeptView.searchDept = function() {




3》

Ext.onReady(function(){

Ext.create('Ext.form.Panel', {
    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,

    // Fields will be arranged vertically, stretched to full width
    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },

    // The fields
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'First Name',
        name: 'first',
        allowBlank: false,
listeners : { 
                 specialkey : function(field, e) { 
                     if (e.getKey() == Ext.EventObject.ENTER) { 
                        alert("回车事件"); 
                     } 
                 } 
            } 
    },{
        fieldLabel: 'Last Name',
        name: 'last',
        allowBlank: false
    }],

    // Reset and Submit buttons
    buttons: [{
        text: 'Reset',
        handler: function() {
            this.up('form').getForm().reset();
        }
    }, {
        text: 'Submit',
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    success: function(form, action) {
                       Ext.Msg.alert('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('Failed', action.result.msg);
                    }
                });
            }
        },
  listeners : {
        'render' : function(input) {
         new Ext.KeyMap(input.getEl(), [{
              key : 13,
              fn : function(){ alert("123" )},
              scope : this
             }]);
        }
       }
    }],
   renderTo: Ext.getBody(),
listeners : {
        'render' : function(input) {
         new Ext.KeyMap(input.getEl(), [{
              key : 13,
              fn : function(){ alert("12www3" )},
              scope : this
             }]);
        }
       }

});

});

热点排行
Bad Request.