Next
Prev

You can create two different Grids on the same web page, and move a row from a Grid to the other Grid. Select a row from the Grid and click the button to see how it works.


[JavaScript]
var jsVars = "KoolOnLoadCallFunction=gridReadyHandler";
var jsVars2 = "KoolOnLoadCallFunction=gridReadyHandler2";
  
KoolGrid.create("grid1", "gridHolder", jsVars, cWidth, cHeight); 
KoolGrid.create("grid2", "gridHolder2", jsVars2, cWidth, cHeight);
	
function gridReadyHandler(id) {
  document.getElementById(id).setLayout(layoutStr);
  document.getElementById(id).setData(gridData);
}

function gridReadyHandler2(id) {
  document.getElementById(id).setLayout(layoutStr2);
  document.getElementById(id).setData(gridData2);
}
  
[HTML]
<div id="gridHolder" style="width:300px; height:300px;float:left;">
</div>

<div id="gridHolder2" style="width:300px; height:300px;float:left;">
</div>

© 2017 KoolChart. All rights reserved.