Step by Step Guide

Suite and Optimus Suite 5
#1

Hi,

I am having some difficulty running through the step by step tutorial.
Does anyone have what the resulting code should look like at completion of the “How to place a grid on a page” instructions?

So far I have this and it is not working:

[code]

<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid.css">
<script src="codebase/dhtmlxcommon.js"></script>
<script src="codebase/dhtmlxgrid.js"></script>
<script src="codebase/dhtmlxgridcell.js"></script>
<script>
   var mygrid;
function doInitGrid(){
		 mygrid = new dhtmlXGridObject('mygrid_container');

			 mygrid.setImagePath("codebase/imgs/");

			mygrid.setHeader("Model,Qty,Price");

			mygrid.setInitWidths("*,150,150");

		 mygrid.setColAlign("left,right,right");

		 mygrid.setSkin("light");

		  mygrid.init();

}
</script>	
     <div id="mygrid_container" style="width:600px;height:150px;"></div 
    <body onload="doInitGrid();">	         

    

 </body>
[/code]

Any assistance or hints what so ever would be fantastic and very much appreciated.

Thank-you

#2

Please, have a look at the following corrected code.
There was an extra “body” tag in your code.

[code]

<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid.css">
<script src="codebase/dhtmlxcommon.js"></script>
<script src="codebase/dhtmlxgrid.js"></script>
<script src="codebase/dhtmlxgridcell.js"></script>
<script>
   var mygrid;
function doInitGrid(){
      mygrid = new dhtmlXGridObject('mygrid_container');

            mygrid.setImagePath("codebase/imgs/");

         mygrid.setHeader("Model,Qty,Price");

         mygrid.setInitWidths("*,150,150");

         mygrid.setColAlign("left,right,right");

         mygrid.setSkin("light");

         mygrid.init();

}
</script>   
    <div id="mygrid_container" style="width:600px;height:150px;"></div> 
  </body>
[/code]
#3

Awesome, that worked, thank-you!