Hello everyone,
I am using the following code to build a grid onto the page. We used this way to initiliaze our grids for years now, but this time it just doesn’t work. It is the very first step in the development and it’s quite easy, we can’t figure out why the grid is not showing. Here is the simple code:
[code]
<!-- js files -->
<script src="resources/dhtmlx/dhtmlx_413.js" type="text/javascript"></script>
<script src="resources/jquery-1.10.2.min.js" type="text/javascript"></script>
<!-- css files -->
<link rel="stylesheet" href="resources/dhtmlx/dhtmlx_413.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="resources/dhtmlx/dhtmlx.css" type="text/css" charset="utf-8">
<title>REKL Dashboard</title>
<script>
$(document).ready(function () {
dhtmlxInit();
});
function dhtmlxInit() {
dhtmlxWindows = new dhtmlXWindows();
dhtmlxWindows.attachViewportTo('dataWin');
layout = new dhtmlXLayoutObject('page', "1C");
layout.cells("a").hideHeader();
toolbar = layout.cells("a").attachToolbar();
mygrid = layout.cells("a").attachGrid();
//the path to images required by grid
mygrid.setImagePath("resources/dhtmlx/imgs/");
mygrid.setHeader("Vorgangs-ID,Art,Warengruppe,EAN,Hersteller,Betrieb,Status,Prozessstart,letzte Bearbeitung,aktueller Bearbeiter");//the headers of columns
mygrid.enableAutoWidth(true);
mygrid.setColAlign("left,left,left,left,left,left,left,left,left,left"); //the alignment of columns
mygrid.setColTypes("ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro"); //the types of columns
mygrid.setColSorting("str,str,str,str,str,str,str,str,str,str,str"); //the sorting types
mygrid.load("dashboardData",function() {}, "xml");
mygrid.init(); //finishes initialization and renders the grid on the page
}
</script>
</head>
<body id="page"></body>
<div style="display:none; width:100%;height:100%;overflow:auto; z-index:200;" id="dataWin"></div>
</body>
As you can see it is pretty basic and nothing fancy about it. We tried several things, but the outcome is always a plain page like in the attached picture.
