Start Building Professional
Web Apps Today

Paging in Grid

I am working on the grid and getting this error:

Error: this._pgn_parentObj has no properties
Source File: http://solo.com/core/dhx/grid/codebase/ext/dhtmlxgrid_pgn.js
Line: 67

Here is my code:

<link rel="STYLESHEET" type="text/css" href="/core/dhx/grid/codebase/dhtmlxgrid.css">
<script src="/core/dhx/grid/codebase/dhtmlxcommon.js"></script>
<script src="/core/dhx/grid/codebase/dhtmlxgrid.js"></script>
<script src="/core/dhx/grid/codebase/dhtmlxgridcell.js"></script>
<script src="/core/dhx/grid/codebase/ext/dhtmlxgrid_pgn.js"></script>
<link rel="STYLESHEET" type="text/css" href="/core/dhx/grid/codebase/ext/dhtmlxgrid_pgn_bricks.css">


<style>
.grid_hover {
background-color:#7FFFD4;
}
</style>

<div id="gridbox" style="background-color:white;overflow:hidden"></div>

<script>
mygrid = new dhtmlXGridObject('gridbox');

mygrid.enablePaging(true,2,3,"pagingArea",true);
mygrid.setSkin("light");
mygrid.setPagingSkin("bricks");

mygrid.setImagePath("/core/dhx/grid/codebase/imgs/");
mygrid.setHeader(" , , Name, Date Added, Date Modified, Modified By, Actions");
mygrid.setInitWidths("50,50,200,200, 150, 200, 200");
mygrid.setColAlign("center,center,left,left,left,left, center");
mygrid.setColTypes("ch,ro,ed,ro,ro,ro,ro");
mygrid.setColSorting(" , ,str,str,str,str");
mygrid.enableAutoWidth(1);
mygrid.enableAutoHeight(1);
mygrid.enableRowsHover(true,'grid_hover')

//mygrid.enableDragAndDrop(true);
//mygrid.setXMLAutoLoading("/core/xmlTree.php");
mygrid.init();
mygrid.loadXML("/core/xmlGrid.php?id=<?=$asset_category_id?>");

You have next line in grid's init code
>>mygrid.enablePaging(true,2,3,"pagingArea",true); 
which init paging and assign area with ID = "pagingArea" as zone for paging controls, but there is no HTML container with such ID
The 4th parameter of enablePaging must point to valid HTML container.