<link rel="STYLESHEET" type="text/css" href="../../../dhtmlxGrid/codebase/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_skyblue.css">
    <link rel="STYLESHEET" type="text/css" href="../../codebase/ext/dhtmlxtreegrid_property.css">
<script  src="../../../dhtmlxGrid/codebase/dhtmlxcommon.js"></script>
<script  src="../../../dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
<script  src="../../../dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
<script  src="../../codebase/dhtmlxtreegrid.js"></script>
<script  src="../../codebase/ext/dhtmlxtreegrid_property.js"></script>
 
<script src="../../../dhtmlxLayout/codebase/dhtmlxcontainer.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../../dhtmlxLayout/codebase/dhtmlxlayout.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="../../../dhtmlxLayout/codebase/dhtmlxlayout.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../../dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_skyblue.css" type="text/css" media="screen" title="no title" charset="utf-8">
 
<script type="text/javascript" charset="utf-8">
function init(){
    var dhxLayout = new dhtmlXLayoutObject("grid_here", "2U");
    dhxLayout.cells("a").setWidth(200);
    mygrid = dhxLayout.cells("a").attachPropertyGrid();
    mygrid.setImagePath('../../../dhtmlxGrid/codebase/imgs/');
    mygrid.init();
    mygrid.loadXML("../common/property.xml",function(){
        mygrid.enableAutoHeight(true);
        mygrid.setSizes();
    });
}                
</script>
 
<div id="grid_here" style="height:400px; width:600px; position:relative;">
</div>