grid is not displayed in my form

Suite and Optimus Suite 5
#1

Hello,
I’m a newbie here… I’m tring to display a GRID in my FORM but I have an error: TypeError: this.obj.firstChild is null

Can you help me to solve this issue?
Thank you.

[code]

Template Demo 
	<script src="./codebase/dhtmlxcommon.js"></script>
	<script src="./codebase/dhtmlxlayout.js"></script>
	<script src="./codebase/dhtmlxcontainer.js"></script>
	<script src="./codebase/dhtmlxtree.js"></script>
	<script src="./codebase/dhtmlxform.js"></script>
  <script src="./codebase/dhtmlxtoolbar.js"></script>
	<script src="./codebase/dhtmlxcalendar.js"></script>
	<script src="./codebase/ext/dhtmlxform_item_calendar.js"></script>
	
	<script src="./codebase/ext/dhtmlxform_item_container.js"></script>
	<script src="./codebase/dhtmlxgrid.js"></script>
	<script src="./codebase/dhtmlxgridcell.js"></script>    

	<style>
	html, body {
		width: 100%;
		height: 100%;
		margin: 0px;
		overflow: hidden;
	}
 
	</style>	
 	<script>

	function doOnLoad() {

		dhtmlx.image_path='./codebase/imgs/';

		var main_layout = new dhtmlXLayoutObject(document.body, '1C', 'dhx_skyblue');					
		
		var Template = main_layout.cells('a');
		Template.setText('xxxx');

		var myForm = Template.attachForm();
		myForm.loadStruct("./data/template2.xml");

//the grid component

		var grid = new dhtmlXGridObject(myForm.getContainer("myGrid"));
    grid.setSkin("dhx_skyblue");
    grid.setImagePath("./codebase/imgs/");
    grid.loadXML("./data/grid.xml");

//*********************
var toolbar_1 = main_layout.attachToolbar();
toolbar_1.setIconsPath(’./samples/common/imgs/’);
toolbar_1.loadXML(’./data/toolbar.xml’, function(){});

		var status_1 = main_layout.attachStatusBar();
		status_1.setText('');


	}
	</script>	
		
</head>
<body onload="doOnLoad();">

</body>
[/code]

[code]<?xml version="1.0" encoding="UTF-8"?>

<item type="settings" position="label-left" labelWidth="150" inputWidth="500"/>
<item type="fieldset" name="data" inputWidth="auto" label="AAAA">

	<item type="fieldset" name="data1" inputWidth="auto" label="QQQQQQQQQ">
  <item type="input" value="..." label="Note" rows="4" />
		<item type="container" name="myGrid" label="Phones"  value=""  inputWidth="330" inputHeight="200"/>
	</item>
 
	<item type="button" value="sEND"/>
</item>
[/code]
#2

Please ,try to modify your code the following way:

myForm.loadStruct("./data/template2.xml", function(){ var grid = new dhtmlXGridObject(myForm.getContainer("myGrid")); grid.setSkin("dhx_skyblue"); grid.setImagePath("./codebase/imgs/"); grid.loadXML("./data/grid.xml"); });

#3

It works great!!
Thank you!