Start Building Professional
Web Apps Today

Grid inside a tabbar

How do i put a grid inside a tabbar? Tried this but it does not work:


<div id="a_tabbar" style="width:400;height:100"></div>
<div id="test_grid_is_working" style="width:400;height:100"></div>

<script>
tabbar=new dhtmlXTabBar("a_tabbar","top");
tabbar.setImagePath("dhtmlxTabbar/codebase/imgs/");
tabbar.addTab("a1","Tab 1-1","100px");
tabbar.addTab("a2","Tab 1-2","100px");
tabbar.addTab("a3","Tab 1-3","100px");
tabbar.setTabActive("a2");

//mygrid = new dhtmlXGridObject("test_grid_is_working");
mygrid = new dhtmlXGridObject("a_tabbar.a1"); // This line does not work
mygrid.setImagePath("dhtmlxGrid/codebase/imgs/");
mygrid.setSkin("light");
mygrid.setInitWidths("100,100,100");
mygrid.setHeader("col1,col2,col3");
mygrid.setColSorting("int,int,int");
mygrid.setColTypes("ro,ro,ro");
mygrid.init();
mygrid.addRow(0,"100,200,300");
</script>
</body>
</html>


Thanks.

Just add next line

tabbar.addTab("a3","Tab 1-3","100px");
tabbar.setContent("a1","test_grid_is_working");
tabbar.setTabActive("a2");