Forum
00:16
08/06/2011
I was having performance issue with a grid containing ~570 rows and treegrid enabled.
When the row had a lot of child rows, whenever I tried to expand or collapse it, it was taking about 3-4 seconds to do it (unnaceptable ).
The solution I found was to modify the grid.treegrid.js and remove the "context" information from the selector.
expandRow: function(record) {
....
//$("#" + id, $t.grid.bDiv).css("display", ""); //ORIGINAL CODE (SLOW)
$("#" + id).css("display", ""); //NEW CODE (FAST)
...
},
collapseRow: function(record) {
...
//$("#" + id, $t.grid.bDiv).css("display", "none"); //ORIGINAL CODE (SLOW)
$("#" + id).css("display", "none"); //NEW CODE (FAST)
...
}
We all know that using context was supposed to speed up the selector, but in this case it was doing exactly the opposite...
After removing the context, the expand/collapse operation now takes ~1 second... good enough.
I'm not sure this was the more appropriate way to achieve it, but it worked for me.
Hope it helps.
Most Users Ever Online: 715
Currently Online:
52 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66