static loading in dhtmlxgrid

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

<!DOCTYPE html>
		<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>

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

	function doInitGrid(){
		grid = new dhtmlXGridObject('grid');


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

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

	<row id="a" xmlkids="1" selected="1" call="1"> 

	<row id="b" xmlkids="1" call="1">
	<row id="c" xmlkids="1" call="1">


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

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?

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 })