<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtabbar.js"></script>
<!-- dhtmlxGrid -->
<script src="../../../dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
<script src="../../../dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
<script src="../../../dhtmlxTreeGrid/codebase/dhtmlxtreegrid.js"></script>
<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">
 
<script src="../../codebase/dhtmlxcontainer.js"></script>
 
 
<div id="a_tabbar" style="width:395px; height:390px;"/>
<script>
tabbar = new dhtmlXTabBar("a_tabbar", "top");
tabbar.setSkin('dhx_skyblue');
tabbar.setImagePath("../../codebase/imgs/");
tabbar.addTab("a1", "Tab 1-1", "100px");
tabbar.addTab("a2", "Tab 1-2", "100px");
tabbar.setTabActive("a1");
var grid = tabbar.cells("a1").attachGrid();
grid.setImagePath("../../../dhtmlxGrid/codebase/imgs/");
grid.setHeader("Model,Qty,Price");
grid.setInitWidths("*,50,50");
grid.setColAlign("left,right,right");
grid.setColSorting("str,int,int");
grid.setColTypes("tree,ed,price");
grid.enableAlterCss("a", "b");
grid.init();
grid.loadXML("../common/treegrid.xml");</script>