如何处理单击 DataView ExtJs 中 itemTpl 内的图标

Question

我正在尝试处理 itemTpl 内的图标点击，但出现此错误：

Uncaught TypeError: e.getTarget is not a function`.

这是我的 DataView 的代码：

Ext.define('Admin.view.phone.managers.ManagerCard', {
    extend: 'Ext.dataview.DataView',   
    itemTpl:
        '<div class="managers-user-item">'+
            '<div class="managers-user-image">' +
                '<img src="{photo}" class="circular" ' +
                'width="50" height="50"/>' +
            '</div>'+
            '<div class="managers-user-content">'+
                '<div class="managers-user-title">{full_title}</div>'+
                '<div class="managers-user-email">{email}</div>'+
                '<div class="managers-user-date">{crdate}</div>'+
                '<div class="managers-user-settings"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div>'+
            '</div>'+
        '</div>',
    listeners: {
        itemtap: function ( _this, list, index, target, record, e, eOpts ) {
            if ( e.getTarget('.managers-user-settings') )
            {
               console.log('click');               
            }
        }
    }
});

请帮帮我。

Answer 1

itemtap 定义似乎有误。

对于 ExtJS 6.6.0，它应该是

itemtap: function (_this, index, el, record, e, eOpts)

这里是 fiddle 的工作示例，它捕获了对通告 class 的点击：https://fiddle.sencha.com/#view/editor&fiddle/2nht

如何处理单击 DataView ExtJs 中 itemTpl 内的图标

How to handle click on icon inside itemTpl in DataView ExtJs

extjs

extjs6-modern