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
}

extjs4.1 textfield dblclick事件在mvc中不起作用

3 个答案: