Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by david chacon on Jun 25, 2009 12:26
open dhtmlx forum
How to display pagin control on my grid

Hello this is my code:

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="STYLESHEET" type="text/css" href="dhtmlxGrid/dhtmlxGrid/codebase/dhtmlxgrid.css">
<script src="dhtmlxGrid/dhtmlxGrid/codebase/dhtmlxcommon.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/ext/dhtmlxgrid_filter.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/ext/dhtmlxgrid_nxml.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/ext/dhtmlxgrid_pgn.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/ext/dhtmlxgrid_srnd.js"></script>
<script src="dhtmlxCombo/dhtmlxCombo/codebase/dhtmlxcombo.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_acheck.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_link.js"></script>

<link rel="STYLESHEET" type="text/css" href="dhtmlxGrid/dhtmlxCalendar/codebase/dhtmlxcalendar.css">
<script src="dhtmlxGrid/dhtmlxCalendar/codebase/dhtmlxcalendar.js"></script>
<script src="dhtmlxGrid/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_dhxcalendar.js"></script>

<link rel="STYLESHEET" type="text/css" href="dhtmlxCombo/dhtmlxCombo/codebase/dhtmlxcombo.css">
<script src="dhtmlxGrid/dhtmlxDataProcessor/codebase/dhtmlxdataprocessor.js?v=2.1"></script>


<script src="dhtmlxGrid/dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
<script>
var mygrid;
var editando=false;
var myDataProcessor = new dataProcessor('update?Accion=guardar');
function doInitGrid(){
mygrid = new dhtmlXGridObject('mygrid_container');

mygrid.setImagePath("dhtmlxGrid/dhtmlxGrid/codebase/imgs/");
mygrid.enablePaging(true,5,null,"pagingArea",true,"recinfoArea");
mygrid.setPagingSkin("bricks");
mygrid.enableCellIds(true);
mygrid.loadXML("datos/G8.xml");
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body onload="doInitGrid()">
<input type="submit" value="Hola" name="Chao" />

<table width="100%">
<tr> <td id="recinfoArea"></td> </tr>
<tr> <td><div id="mygrid_container" style="width:100%;height:460px;"></div></td>
</tr>
<tr> <td id="pagingArea"></td> </tr>
<tr>
<td><button onclick="addRow()">Add Row</button><button onclick="removeRow()">Remove Row</button></td>
</tr>
</table>



</body>
</html>


BUT NO SHOW THE IMAGES OF PAGIN, I SHOW
------------------------------------------------------------------------------------
1
2
3
4

Records from 1 to 5 of 20
Answer posted by dhxSupport on Jun 26, 2009 01:46
The bricks skin requires an additional CSS file to be included  - dhtmlxgrid_pgn_bricks.css. To do not forget what file you have to include you can generate one .js and one .css file which will contain all necessary scripts. You can do it with lib Compler. Lib Compiler tool is availible in suite package which you can download here http://www.dhtmlx.com/docs/download.shtml
Please see more information about libCompiler here http://dhtmlx.com/docs/products/docsExplorer/doc/libCompiler//guide.html#libc_ak25