extjs - extjs4.1 文本字段 dblclick 事件在 mvc 中不起作用

Question

我使用 mvc。当我双击一个文本字段时，它没有在听。但是，意味着输入的特殊键可以完美地工作。我的错在哪里。这是我的文本字段

{
            xtype             : 'textfield',
            name              : 'articleName',
            fieldLabel        : 'Article',                
            allowBlank        :  false,
            readOnly          :  true,
            width             :  253,
            enableKeyEvents   :  true
        }

这是我的控制器

sv01t01000102 textfield[name=articleName]':{
             specialkey: function (field, el) {
                if (el.getKey() == Ext.EventObject.ENTER || el.getKey()==el.TAB){
                    console.log('World')
                }
            },
            dblclick : function(field, el){
                  console.log('Hello')
            }
        }

你能帮助我吗？

Answer 1

字段没有双击事件。通常，您会执行以下操作：

textfield[name=articleName]': {
    afterrender: function(c) {
        c.inputEl.on('dblclick', function() {
            console.log('double');
        });
    }
}

Answer 2

'textfield[name = articleName]':{
    render: function (component) {
        component.getEl().on('dblclick', function(event, el) {
            alert('You dblclicked on textfield!');
        })
    }
}

Answer 3

以防万一有人偶然发现并想以 MVVM 方式解决它。

看法

{
  xtype: 'textfield',
  listeners: {
    afterrender: view => {
      view.getTargetEl().on('dblclick', 'onDblclick');
    }
  }
}

控制器

onDblclick() {
  console.log(arguments) // Pick what you need
}