static loading in dhtmlxgrid

Suite and Optimus Suite 5
#1

I have the folowing code that loads datas in a dhtmlxgrid.

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="js/dhtmlxGrid/codebase/dhtmlxgrid.css"/>
		<script src="js/dhtmlxGrid/codebase/dhtmlxcommon.js"></script>
		<script src="js/dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
		<script src="js/dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
		<script src="js/dhtmlxTreeGrid/codebase/dhtmlxtreegrid.js"></script>
	</head>

	<body onload="doInitGrid();">
		<h2>DHTMLX grid sample</h2>
		<div id="grid" style="width:600px;height:200px;border:1px solid gray;">
		</div>
	</body>
</html>

<script>
	function doInitGrid(){
		grid = new dhtmlXGridObject('grid');
		grid.setImagePath('js/dhtmlxGrid/codebase/imgs/');
		grid.setSkin('light');
		grid.kidsXmlFile="data_children_a.xml";
		grid.loadXML("data.xml");
	}	
</script>

data.xml

<?xml version="1.0" encoding="utf-8"?>


<rows parent="0">
	<head>
		<column width="250" type="tree">Article</column>
		<column width="150" type="ed">Quantity</column>
		<column width="200" type="ed">Price</column>
	</head>

	<row id="a" xmlkids="1" selected="1" call="1"> 
		<cell>Computers</cell>
		<cell></cell>
		<cell>-</cell>
	</row>

	<row id="b" xmlkids="1" call="1">
		<cell>Smartphones</cell>
		<cell></cell>
		<cell>-</cell>
	</row>
	<row id="c" xmlkids="1" call="1">
		<cell>Tablets</cell>
		<cell></cell>
		<cell>-</cell>
	</row>
</rows>

data_children_a.xml

<?xml version="1.0" encoding="utf-8"?>
<rows parent="a">
	<row>	
		<cell>DELL</cell>
		<cell>21</cell>
		<cell>789,99</cell>
	</row>	
</rows>

My problem is that I can’t find the way to define child items for parents rows with ids “b” and “c”, as I did for row with id=“a”. Any suggestion?

#2

You may try to use th onDynXLS event.
For example:

mygrid.attachEvent("onDynXLS",function(id){ // id of the parent row if(id=="a") mygrid.load("data_children_a.xml"); // load content for the row "a" if (id=="b") mygrid.load("data_children_b.xml"); // load content for the row "b" return false // block the default behavior })