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

Posted 2023-02-26

【中文标题】extjs4.1 文本字段 dblclick 事件在 mvc 中不起作用

【英文标题】：extjs4.1 textfield dblclick event not work in mvc

【发布时间】：2013-05-22 10:04:36

【问题描述】：

我使用 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')
            
        

你能帮帮我吗？

【参考方案1】：

字段没有双击事件。通常你会做这样的事情：

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

【参考方案2】：

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

【参考方案3】：

以防万一有人遇到这个问题并想以 MVVM 方式解决它。

查看

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

控制器

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