Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Trevor Offord on Aug 14, 2009 08:06
open dhtmlx forum
Using Version 2.5 Beta 2 Code

I am using the version 2.5 beta 2 code
The ext dhtmlxtabbar_wins.js is no longer available in this version and I attached the grid using the example in the provided documentation.
dhxGrid = dhxTabbar.cells("t1").attachGrid();

When using the previous version of the code I did use the code you suggested to attach a grid.  Resizing was not an issue then.

Code below:

<html>
<head>
<title>ASSET</title>
<link rel="stylesheet" type="text/css" href="includes/dhtmlxlayout/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="includes/dhtmlxlayout/skins/dhtmlxlayout_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="includes/dhtmlxTabbar/dhtmlxtabbar.css">
<link rel="stylesheet" type="text/css" href="includes/dhtmlxGrid/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="includes/dhtmlxGrid/skins/dhtmlxgrid_dhx_skyblue.css">
<script src="includes/dhtmlxlayout/dhtmlxcommon.js"></script>
<script src="includes/dhtmlxlayout/dhtmlxlayout.js"></script>
<script src="includes/dhtmlxTabbar/dhtmlxtabbar.js"></script>
<script src="includes/dhtmlxTabbar/dhtmlxtabbar_start.js"></script>
<script src="includes/dhtmlxGrid/dhtmlxgrid.js"></script>
<script src="includes/dhtmlxGrid/dhtmlxgridcell.js"></script>
<script src="includes/dhtmlxlayout/dhtmlxcontainer.js"></script>
<style>
    html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }
</style>
</head>
<script>
    // Initialization
    var dhxLayout, dhxLayout2, dhxTabbar, dhxGrid;
   
    function doOnLoad() {
        // Layout and configuration
        dhxLayout = new dhtmlXLayoutObject(document.body, "3W");
        dhxLayout2 =  new dhtmlXLayoutObject(dhxLayout.cells("a"), "2E");
        dhxLayout2.cells("a").hideHeader();
        dhxLayout2.cells("b").hideHeader();
        dhxLayout.cells("a").setText("Menu/Config");
        dhxLayout.cells("b").setText("Data");
        dhxLayout.cells("c").setText("News");
        dhxLayout.cells("a").setWidth(340);
        dhxLayout.cells("c").setWidth(290);
        dhxLayout2.cells("b").setHeight(250);
        dhxLayout.setAutoSize("b");
        dhxLayout2.setAutoSize("a", "a");
        dhxLayout.cells("b").hideHeader();

        // Tabbar
        dhxTabbar = dhxLayout.cells("b").attachTabbar();
        dhxTabbar.setSkin("dhx_skyblue");
        dhxTabbar.setImagePath("includes/dhtmlxTabbar/imgs/");
        dhxTabbar.enableTabCloseButton(true);
        dhxTabbar.addTab("t1","Property Assessments");
        dhxGrid = dhxTabbar.cells("t1").attachGrid();
        dhxGrid.setSkin("dhx_skyblue");
        dhxGrid.setImagePath("includes/dhtmlxGrid/imgs/")
        dhxGrid.loadXML("includes/grid2.xml");
        dhxTabbar.setTabActive("t1");
    }
</script>
<body onLoad="doOnLoad();">
</body>
</html>
Answer posted by Support on Aug 14, 2009 08:13
Please check 
        samples/05_components/01_grid_inside.html

While dhtmlxcontainer.js is included, you need not any extra js files for a tabbar.
It will support all set of attach command by default.