DHTML JavaScript Grid samples

Smart Rendering with single loading and XP style

To increase grid performance working with rather big lots of data you can enable Smart Rendering.
The most simple variant of using it is to use it with single loading. In this case entire data will be loaded from server at once and there will no more attempts to load additional portions of data.
Big advantage of this way is that you manipulate all rows (even those which are not rendered yet) with javascript methods of the grid (try to change selected row using links below the grid).

No additional programming needed for exixisting grids - just enable Smart Redering with single javascript command:
yourGrid.enableSmartRendering(true);

Loading whole data (2,000 rows) at once
Loading
Select row with id=r212; mygrid.setSelectedRow("r212");
Select row with id=r512; mygrid.setSelectedRow("r512");
Select row with id=r786; mygrid.setSelectedRow("r786");
<script> mygrid = new dhtmlXGridObject('gridbox'); ... mygrid.setOnLoadingStart(function(){ document.getElementById("a_1").style.display="block"; }); mygrid.setOnLoadingEnd(function(){ document.getElementById("a_1").style.display="none"; }); mygrid.setSkin("xp"); mygrid.init(); mygrid.enableSmartRendering(true); mygrid.loadXML("smartrend.xml"); </script> Parameters passed to enableSmartRendering method:
  • mode - true to enable Smart Rendering


    • Go to the dhtmlxGrid main page or Close this page

    © Scand LLC