<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">
 
<style type="text/css" media="screen">
html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
}
</style>
<script type="text/javascript" charset="utf-8">
function init(){
    var dhxLayout = new dhtmlXLayoutObject(document.body, "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>