Grid data loading error

Suite and Optimus Suite 5
#1

I have a webpage that use dhtmlxGrid to display some data. However, I always get a error “Line: 5 Error: Unable to get property ‘forEachChild’ of undefined or null reference” while page load.

The error take place in dhtmlx.js file and it display "SCRIPT5007: Unable to get property ‘forEachChild’ of undefined or null reference "

here is my header and body

header

[code]



<script src="dhtmlxTabbar/codebase/dhtmlxcommon.js" type="text/javascript"></script>
<script src="dhtmlxTabbar/codebase/dhtmlxtabbar.js" type="text/javascript"></script>
<script src="dhtmlxTabbar/codebase/dhtmlxcontainer.js" type="text/javascript"></script>

<script type="text/javascript" src="dhtmlxToolbar/codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>

<script src="dhtmlxGrid/codebase/dhtmlxcommon.js" type="text/javascript"></script>
<script src="dhtmlxGrid/codebase/dhtmlxgrid.js" type="text/javascript"></script>
<script src="dhtmlxGrid/codebase/dhtmlxgridcell.js" type="text/javascript"></script>
<script src="dhtmlxGrid/codebase/ext/dhtmlxgrid_drag.js" type="text/javascript"></script>
<script src="dhtmlxGrid/codebase/ext/dhtmlxgrid_math.js" type="text/javascript"></script>
<script src="dhtmlxGrid/codebase/ext/dhtmlxgrid_srnd.js" type="text/javascript"></script>
<script src="dhtmlxGrid/codebase/ext/dhtmlxgrid_filter.js" type="text/javascript"></script>

<script src="dhtmlxTreeGrid/codebase/dhtmlxtreegrid.js" type="text/javascript"></script>
<script src="dhtmlxTreeGrid/codebase/ext/dhtmlxtreegrid_lines.js" type="text/javascript"></script>

<script src="dhtmlx/dhtmlx.js" type="text/javascript"></script>
<script src="dhtmlx/connector.js" type="text/javascript"></script>[/code]

body

[code]
mygrid = new dhtmlXGridObject(‘gridbox’);

    mygrid.setHeader("ID,Task Name,Task Description,");
    mygrid.attachHeader(",#connector_text_filter,#connector_text_filter")

    mygrid.setColTypes("ed,edtxt,ed");
    mygrid.setImagePath("imgs/treegrid/");
    mygrid.selMultiRows = true;
    mygrid.enableTreeGridLines();
    mygrid.enableMultiselect(true);
    mygrid.enableDragAndDrop(true);

    mygrid.enableSmartRendering(true);

    mygrid.init();
    mygrid.setSkin("dhx_skyblue");

    mygrid.load("ashx_fold/InspectionTaskListConnector.ashx");
    var dp = new dataProcessor("ashx_fold/InspectionTaskListConnector.ashx");
    dp.init(mygrid);



 </script>[/code]

any idea why this error display?

Thanks

#2

In your html you attach individual js files for the components and then attach dhtmlx.js file
Such combination is not available. Please, try to use the compiled dhtmlx.js OR individual js files for each component.