I am using below view and when I am clicking in tabpanel item cardswitch event is not firing.
HTML Code:
Ext.define('RA.view.InterestingMomentListPanel', {
extend: 'Ext.Panel',
xtype: 'interestingmomentlistpanel',
requires: [
'Ext.Toolbar',
],
config: {
layout: 'vbox',
modal: true,
zIndex: 10,
hideOnMaskTap: true,
centered: true,
width: 600,
height: 400,
hidden: true,
scrollable : {
direction : 'vertical'
},
items: [
{
xtype: 'toolbar',
maxHeight: '50px',
docked: 'top',
flex: '1',
title: 'Interesting Moments List',
},
{
xtype: 'tabpanel',
docked: 'top',
cover : false,
id:'tabpanelitem',
layout: 'card',
items: [
{
title: 'List'
},
{
title: 'Table'
}
],
listeners: {
cardswitch : function() {
alert('cardswitch!');
}
}
},
{
xtype: 'toolbar',
docked: 'bottom',
layout: { type: 'hbox', pack: 'right' },
items: [
{
xtype: 'button',
id: 'closeinterestingmomentlistpanelbutton',
html: 'Close',
ui: 'action',
align: 'right',
iconCls: 'delete',
iconMask: true,
}
]
}
]
}
})
What mistake I am doing here? No error is coming at console.