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>