DHTMLX Docs & Samples Explorer

### Integration with dhtmlxDataView

Source

    <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
    <script  src="../../codebase/dhtmlxcommon.js"></script>
    <script  src="../../codebase/dhtmlxtabbar.js"></script>
    <!-- attaching a dhtmlxFolders -->
    <script src="../../../dhtmlxDataView/codebase/dhtmlxdataview.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../dhtmlxDataView/codebase/dhtmlxdataview.css">

    <script src="../../codebase/dhtmlxcontainer.js"></script>

    <div id="a_tabbar" style="width:502px; 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 dataview = tabbar.cells("a1").attachDataView({
        type: {
            template: "#Package# : #Version#<br/>#Maintainer#",
            padding: 5,
            height: 40,
            width: 230;
        },
        drag: true,
        select: true;
    });
    dataview.load("../../../dhtmlxDataView/samples/common/data.xml");</script>