[CLOSED] Loading data in store take too long. browser hangs.

Hi,

I try to load the stroes data in the javascript using

Code:

---


  store.clearData();                    store.loadData(groupedResult[i].Values, false);                    store.commitChanges();

---

when i do this my browser hangs, and tells there is a long running script which caused this... help me out asap

Hi,

How big is a "groupedResult"?

it just contains only 50 rows, but each record has 40 fields

What browser do you test with? I guess IE, but what is the version?

Anyways, IE (especially < 9) has too low JavaScript engine to work with such data, therefore I'm not sure we can help.

Though please try the following code:

Code:

---

store.suspendEvents();
store.loadData(groupedResult[i].Values, false);
store.resumeEvents.defer(10, store);
store.commitChanges.defer(20, store);

---

kindly give me a solution asap.. we have deployment.. time matters

suspending events improves the speed, this will cause any listeners attached to fail right.. any help. please

Quote:

---

Originally Posted by speedstepmem3

this will cause any listeners attached to fail right

---

Please provide more details.

And how does "groupedResult[i].Values" look? Is it a single record?

no groupedresult[i].values is an array. each object in the array has 40 properties. I also have another issue, GridPanel does not force fit and show scrollbar even though i give forcefit = true, autoscroll = true. But the crazy thing is after the grid gets displayed when i click on any header the gridpanel gets fit and scroll bar displays.

Quote:

---

Originally Posted by speedstepmem3

no groupedresult[i].values is an array. each object in the array has 40 properties.

---

Then I can suggest to divide this array by two. Load the first part, then load the second part with some delay, like 100 ms.
http://docs.sencha.com/ext-js/3-4/#!...n-method-defer

Quote:

---

Originally Posted by speedstepmem3

I also have another issue, GridPanel does not force fit and show scrollbar even though i give forcefit = true, autoscroll = true. But the crazy thing is after the grid gets displayed when i click on any header the gridpanel gets fit and scroll bar displays.

---

Does it occur after .loadData()?