Javascript 双击面板上的事件

几天前，我在一些源代码中看到一个程序在面板上有一个dblclick事件或类似事件

如果你看医生

在“事件”下，没有可单击的事件

我想我看到了类似的东西

ondblclick

然后

fn: function(){...}

---

为什么它不在文档中，以及如何在面板上触发dblclick事件？

以下示例将起作用。将由激发，可在从面板的body参数渲染后获取。在本例中，我重写了该方法，因为不需要为此注册事件。在那里，我向当前面板的Ext.元素注册了一个侦听器

Ext.define('Ext.ux.panel.DCPanel', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.dcpanel',
    initComponent: function() {

        this.callParent(arguments);
    },
    afterRender: function() {
        var me = this;
        me.body.on('dblclick', function() { alert('hit'); }, me);
        me.callParent();
    }
});

Ext.create('Ext.ux.panel.DCPanel', {
    width: 300,
    height: 300,
    title: 'Demo',
    html: 'this is my data',
    renderTo: Ext.getBody()
});

---

下面的示例将起作用。将由激发，可在从面板的body参数渲染后获取。在本例中，我重写了该方法，因为不需要为此注册事件。在那里，我向当前面板的Ext.元素注册了一个侦听器

Ext.define('Ext.ux.panel.DCPanel', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.dcpanel',
    initComponent: function() {

        this.callParent(arguments);
    },
    afterRender: function() {
        var me = this;
        me.body.on('dblclick', function() { alert('hit'); }, me);
        me.callParent();
    }
});

Ext.create('Ext.ux.panel.DCPanel', {
    width: 300,
    height: 300,
    title: 'Demo',
    html: 'this is my data',
    renderTo: Ext.getBody()
});

---

除了@sra answer之外，我还想说，在分配侦听器时，可以使用元素选项将处理程序分配给组件的dom：

var panel = Ext.create('Ext.panel.Panel', {
    // ...
    listeners: {
        dblclick: function() {
            // handle event
        },
        element: 'body'
    }
});

---

除了@sra answer之外，我还想说，在分配侦听器时，可以使用元素选项将处理程序分配给组件的dom：

var panel = Ext.create('Ext.panel.Panel', {
    // ...
    listeners: {
        dblclick: function() {
            // handle event
        },
        element: 'body'
    }
});

---

我明白了！：D非常感谢。我明白了！：D非常感谢。我明白了！：D谢谢你！：我本想给你一个正确的答案，但另一个更适合我在这个应用程序上的需要：@用户1509885这对我来说没问题：我明白了D谢谢你！：我本想给你一个正确的答案，但另一个更适合我在这个应用程序上的需要：@user1509885这对我来说没问题：