javascript - 使用 Ext.define() 扩展网格面板时如何添加行双击事件监听器？

Question

我正在使用 Ext.define() (Ext v4) 扩展 GridPanel。

双击网格行时，我需要获取行数据。在这一点上，我什至无法让事件监听器工作:

Ext.define('Application.usersGrid', {
extend: 'Ext.grid.GridPanel',
alias: 'widget.usersgrid',


viewConfig: {
    listeners: {
        dblclick: function(dataview, index, item, e) {
            alert('dblclick');
        }
    }
},
...

这里有什么问题？

如果有人需要答案 - 这是正确的方法:

Ext.define('Application.usersGrid', {
extend: 'Ext.grid.Panel',
alias: 'widget.usersgrid',


viewConfig: {
    listeners: {
        itemdblclick: function(dataview, record, item, index, e) {
            alert('itemdblclick');
        }
    }
},
...

http://dev.sencha.com/new/ext-js/4-0/api/Ext.grid.GridView#event-itemdblclick

Answer 1

您不需要将监听器放在 viewconfig 中。这是我的工作配置:

listeners : {
    itemdblclick: function(dv, record, item, index, e) {
        alert('working');
    }
},

另一件事是，您似乎使用过 Ext.grid.GridPanel在扩展属性中。但在文档中它是 Ext.grid.Panel .但即使使用网格面板，一切似乎都运行良好。

我建议使用 Ext JS 4 术语，因为它可能会在以后的其他 4.x 版本中导致应用程序损坏。

现在，如果您使用新的 MVC 架构，您将希望将这些操作移动到 Controller 而不是 View 。详细信息可以引用 MVC 架构指南。