I am using dhtmlx tabbar with grid control latest version.
Senario
2 Tabs in a tabbar, search criteria in first tab, and second tab results in a grid control, search result may be more than 10000 rows, but initially we are loading 100 rows to grid control and up on user requirement (get more rows), we are appending 500 rows to grid control (initial 100 rows + 500 rows) more untill we reach 10000 rows.
After adding 2000 rows, switching between tabs is really slow, you can guess for 10000 rows. Is there any way i can fix the issue ?
Hello,
you can use dynamic Smart Rendering to improve performance in grid:
docs.dhtmlx.com/doku.php?id=dhtm … ep_by_step
this is my function to create grid control.
function FinalSearchResultGrd()
{
SearchGrid = new dhtmlXGridObject(‘SearchResult’);
SearchGrid.setImagePath("…/scripts/dhtmlx/dhtmlxGrid/codebase/imgs/");
SearchGrid.setSkin(“light”);
SearchGrid.attachEvent(“onCheck”,doOnBatchCheck);
SearchGrid.enableSmartRendering(true,10);
SearchGrid.enableDistributedParsing(true, 30, 10);
SearchGrid.init();
}
first time loading
SearchGrid.loadXMLString(XML String)
When user click on load more rows appending result rows to grid usnig followiong code.
SearchGrid._refresh_mode =[true,true,false];
SearchGrid.loadXMLString(XML String);
SearchGrid.refreshFilters();
After loading 1000 to 2000 rows, when i swich between tabs, its really really slow. Max i have to load 10000 rows.
try to comment SearchGrid.enableDistributedParsing(true, 30, 10); call:
//SearchGrid.enableDistributedParsing(true, 30, 10);
There is no need to use Distributed Parsing in case of Smart Rendering.
Moreover it is better to use Dynamic Smart Rendering. It seems that you load all rows at once (Static Smart Rendering). Please see the sample and article that I mentioned in the previous answer.