Как обрабатывать щелчок по значку внутри itemTpl в DataView ExtJs
Я пытаюсь обработать нажатие на иконку внутри itemTpl
, но получаю эту ошибку:
Uncaught TypeError: e.getTarget не является функцией`.
Это код моего 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');
}
}
}
});
Помоги мне, пожалуйста.
1 ответ
Решение
Определение itemtap кажется неправильным.
С ExtJS 6.6.0 это должно быть
itemtap: function (_this, index, el, record, e, eOpts)
Вот пример работающей скрипки, которая фиксирует щелчок на циклическом классе: https://fiddle.sencha.com/