Gridpanel inside tabpanel loading slow

[smulange]

1. I have a tab-panel with two tabs
2. First tab contains few text-boxes and other fields
3. Second tab contains gridpanel with more than 2500 rows

Issue is whenever I try to switch from first tab to second tab it freezes for 3-4 seconds, I want to reduce this time

Following is the code:

this.tab1 = new Ext.Panel({
border: false,
title: 'Title',
layout: 'tableform',
layoutConfig: { columns: 2 },
defaults: { layout: 'form', autoHeight: true, autoWidth: true },
items: [col4, col3]
});

this.tab2 = Ext.apply(mygrid, { title: 'Title', closable: false });


var tabItems = [];
tabItems.push(this.tab1);
tabItems.push(this.tab2);

this.tabPanel = new Ext.TabPanel({
layoutOnTabChange: true,
items: tabItems,
deferredRender: false,
activeTab: 0
});

any suggestions are wel-come

Thank you.

[twaindev]

2500 rows seems too much to me, but have you tried setting layoutOnTabChange to false?

[smulange]

Yes I did tried setting layoutOnTabChange: false, but no change in performance

Thanks