This is my solution:
Define the activities grid
Ext.define('Beautyeco.actGrid', {
extend: 'Ext.grid.Panel',
title: '',
minHeight: 200,
maxHeight: 300,
store: actStore,
id: 'actGrid',
initComponent: function() {
this.columns = [ //columns ]
this.callParent(arguments);
}
});
Listener on double click
itemdblclick: function(tablepanel, record, item, index, e, options){
// create here the grid
var activitiesGrid = Ext.create('Beautyeco.actGrid');
var editWindow = new Ext.Window({
title: 'Modifica informazioni',
width: 600,
minHeight: 400,
items: [
{
xtype: 'tabpanel',
activeTab: 0,
items: [
{
title: 'Info generali',
id: 'infoTab',
width: 600,
tpl: [ //tpl ]
},
{
title: 'Attività',
width: 600,
id: 'actTab',
items: [activitiesGrid] // add the grid
}
]
}
]
});
}