javascript - ExtJS:: 如何将逗号的特定“特殊键事件”添加到数字字段？

Question

如果要我的 nubmerfield 取“，”并将其转换为“。” 上键。Numberfield 不允许在其中输入“，”。我想处理“specialkey”并添加“。” 手动。但是“，”不是特殊键。如何在那里添加它？

Answer 1

如果要将“，”转换为“。” 上键时，为什么要使用 'specialkey' 事件来处理它？你为什么不使用'keyup'事件？

这是一个例子：

Ext.create ('Ext.window.Window', {
    renderTo: Ext.getBody () ,
    width: 300 ,
    height: 150 ,
    title: 'It works!' ,
    items: [{
        xtype: 'numberfield' ,
        enableKeyEvents: true ,
        fieldLabel: 'Age' ,
        listeners: {
            keyup: function (nf, evt) {
                // 188 is ','
                if (evt.getKey () == 188) {
                    nf.setRawValue (nf.getRawValue () + '.');
                }
            }
        }
    }]
}).show ();

否则，您可以使用disableKeyFilter属性允许用户插入特殊字符，如 ,.&*% 等，然后找到将 ',' 替换为 '.' 的方法。

顺便说一句，如果你想用特殊键事件处理“，”，这里有个技巧：

Ext.create ('Ext.window.Window', {
    renderTo: Ext.getBody () ,
    width: 300 ,
    height: 150 ,
    title: 'It works!' ,
    items: [{
        xtype: 'numberfield' ,
        enableKeyEvents: true ,
        fieldLabel: 'Age' ,
        listeners: {
            keyup: function (nf, evt) {
                // 188 is ','
                if (evt.getKey () == 188) {
                    // Fire 'specialkey' up passing ','
                    nf.fireEvent ('specialkey', nf, evt);
                }
            } ,
            specialkey: function (nf, evt) {
                // Here we are!
                alert (evt.getKey ());
            }
        }
    }]
}).show ();

Answer 2

specialkey: function(field, e){
              // e.HOME, e.END, e.PAGE_UP, e.PAGE_DOWN,
              // e.TAB, e.ESC, arrow keys: e.LEFT, e.RIGHT, e.UP, e.DOWN
              if (e.getKey() == e.TAB) {
                    //Do specific action
              }
        }