Code:
var viewport = new Ext.Viewport({
layout:'fit',
items:[{
xtype: 'grouptabpanel',
tabWidth: 130,
activeGroup: 0,
items: [{
mainItem: 1,
items: [{
title: 'Cliente',
layout: 'fit',
iconCls: 'x-icon-cliente',
tabTip: 'Formulário de Clientes',
style: 'padding: 10px;',
items: [{
layout: 'fit',
title: 'Clientes',
items: [new GR_GridPrincipal( dsCliente, coluna, Me_Busca, formulario, recordData)],
hideBorders: true
}]
},{
xtype: 'portal',
title: 'Sistema',
//tabTip: 'Sistema tabtip',
},{
title: 'Funcionarios',
iconCls: 'x-icon-funcionario',
tabTip: 'Formulário de Funcionarios',
style: 'padding: 10px;',
//html: Ext.example.shortBogusMarkup
},{
title: 'Backup',
iconCls: 'x-icon-backup',
tabTip: 'Formulário de Backup',
style: 'padding: 10px;',
//html: Ext.example.shortBogusMarkup
},{
title: 'Chamados',
iconCls: 'x-icon-chamado',
tabTip: 'Formulário de Chamados',
style: 'padding: 10px;',
//html: Ext.example.shortBogusMarkup
}]
}, {
expanded: true,
items: [{
title: 'Configuration',
iconCls: 'x-icon-configuration',
tabTip: 'Configuration tabtip',
style: 'padding: 10px;',
//html: Ext.example.shortBogusMarkup
}, {
title: 'Email Templates',
iconCls: 'x-icon-templates',
tabTip: 'Templates tabtip',
style: 'padding: 10px;',
//html: Ext.example.shortBogusMarkup
}]
}]
}]
});
This example dont load archive !