antesima on Local datatype + Pager

Fri, 04 Sep 2009 16:04:51 +0300

Ok thank you.

I will have to redo some code then ^^

tony on Local datatype + Pager

Fri, 04 Sep 2009 03:52:37 +0300

Hello,

Currently the pager does not have sense when we use local data. One of the planed feature.

Best Regards

Tony

antesima on Local datatype + Pager

Tue, 01 Sep 2009 10:19:22 +0300

Hello,

first of all thank you for this plugin, great work, keep on going !

Here's my problem : I'm trying to use Local datatype with a pager, but I don't have the right number of pages

in "lastpage" property, and the next/prev buttons doesn't do anything.

Am I missing something ? Does the pager make sense with local data ?

Thanks for your replies !

Here is my code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>WebSite</title>
    <link rel="stylesheet" type="text/css" media="screen" href="script/themes/redmond/jquery-ui-1.7.1.custom.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="script/themes/ui.jqgrid.css" />
    <script type="text/javascript" src="script/jquery-1.3.2.js"></script>
    <script src="script/js/grid.base.js" type="text/javascript"></script>
    <script src="script/grid.locale-fr.js" type="text/javascript"></script>
    <script src="script/js/grid.common.js" type="text/javascript"></script>
    <script src="script/js/grid.inlinedit.js" type="text/javascript"></script>
    <script src="script/js/grid.celledit.js" type="text/javascript"></script>
    <script src="script/js/grid.import.js" type="text/javascript"></script>
    <script src="script/js/grid.custom.js" type="text/javascript"></script>
    <script src="script/js/grid.formedit.js" type="text/javascript"></script>
</head>
<body>
<table id="CST_NGV" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pCST_NGV" class="scroll" style="text-align:center;"></div>
<script type="text/javascript">
var lastsel;
var gridimgpath = 'script/themes/basic/images';
jQuery("#CST_NGV").jqGrid({
    datatype: "local",
    height: "100%",
    rowNum:10 ,

    viewrecords: true ,
    pager: jQuery('#pCST_NGV'),
colNames: ['ID', 'Surgery', 'Patient N', 'Site N', 'Filled', 'Closed', 'Validated',''],
colModel:[
{name:'PatientID',index:'PatientID', width:0, align:'left', hidden:true},
{name:'SurgeryDate',index:'SurgeryDate', width:120, align:'center'},
{name:'PatientNumber',index:'PatientNumber', width:0, align:'center'},
{name:'SiteNumber',index:'SiteNumber', width:0, align:'center'},
{name:'UserValidation',index:'UserValidation', width:0, align:'center', hidden:true},
{name:'Blocked',index:'Blocked', width:0, align:'center'},
{name:'AdminValidation',index:'AdminValidation', width:0, align:'center'},
{name:'editbutton',index:'editbutton',sortable:'false', width:20, align:'center' }],
imgpath: gridimgpath,
caption: "All the Patients"
}).navGrid('#pCST_NGV',{ edit:false,add:false,del:false,search:false}, {}, {}, {}, {});
var mydata = [
{PatientID:"2",SurgeryDate:"16/06/2009",PatientNumber:"1",SiteNumber:"6",UserValidation:"<img src=\\"images/checked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"1\\" />",Blocked:"<img src=\\"images/cadenasf.jpg\\" alt=\\"Closed\\">",AdminValidation:"<img src=\\"images/checked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"1\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','2','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"11",SurgeryDate:"28/07/2009",PatientNumber:"10",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','11','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"12",SurgeryDate:"03/08/2009",PatientNumber:"11",SiteNumber:"2",UserValidation:"<img src=\\"images/checked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"1\\" />",Blocked:"<img src=\\"images/cadenasf.jpg\\" alt=\\"Closed\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','12','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"13",SurgeryDate:"04/08/2009",PatientNumber:"12",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','13','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"14",SurgeryDate:"",PatientNumber:"13",SiteNumber:"2",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','14','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"15",SurgeryDate:"18/08/2009",PatientNumber:"14",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','15','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"16",SurgeryDate:"",PatientNumber:"15",SiteNumber:"2",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','16','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"17",SurgeryDate:"",PatientNumber:"16",SiteNumber:"10",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','17','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"18",SurgeryDate:"21/08/2009",PatientNumber:"17",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','18','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"19",SurgeryDate:"25/08/2009",PatientNumber:"18",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','19','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"20",SurgeryDate:"25/08/2009",PatientNumber:"19",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','20','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"3",SurgeryDate:"",PatientNumber:"2",SiteNumber:"5",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','3','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"21",SurgeryDate:"25/08/2009",PatientNumber:"20",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','21','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"22",SurgeryDate:"",PatientNumber:"21",SiteNumber:"11",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','22','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"23",SurgeryDate:"28/08/2009",PatientNumber:"22",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','23','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"24",SurgeryDate:"",PatientNumber:"23",SiteNumber:"2",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','24','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"4",SurgeryDate:"18/06/2009",PatientNumber:"3",SiteNumber:"7",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','4','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"5",SurgeryDate:"23/06/2009",PatientNumber:"4",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','5','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"6",SurgeryDate:"26/06/2009",PatientNumber:"5",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','6','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"7",SurgeryDate:"03/07/2009",PatientNumber:"6",SiteNumber:"10",UserValidation:"<img src=\\"images/checked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"1\\" />",Blocked:"<img src=\\"images/cadenasf.jpg\\" alt=\\"Closed\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','7','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"8",SurgeryDate:"10/07/2009",PatientNumber:"7",SiteNumber:"6",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','8','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"9",SurgeryDate:"",PatientNumber:"8",SiteNumber:"5",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','9','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"},
{PatientID:"10",SurgeryDate:"",PatientNumber:"9",SiteNumber:"5",UserValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",Blocked:"<img src=\\"images/cadenaso.jpg\\" alt=\\"Ouvert\\">",AdminValidation:"<img src=\\"images/unchecked.gif\\" /><input name=\\"ctl02\\" type=\\"hidden\\" id=\\"ctl02\\" value=\\"2\\" />",editbutton:"<a href=\\"javascript:clickOperation('ListStepsContainer_Admin','10','0','Edit')\\" id=\\"edit_button_r\\"><img src=\\"images/arrow_left.gif\\" alt=\\"Edit\\" /></a>"}
]; for(var i=0;i<=mydata.length;i++)
jQuery("#CST_NGV").addRowData(i+1,mydata[i]);

</script>

</body>
</html>

jQuery Grid Plugin - jqGrid - Topic: Local datatype + Pager

antesima on Local datatype + Pager

tony on Local datatype + Pager

antesima on Local datatype + Pager