jqgrid mysql 分页_jqGrid实现分页

今天看到javaeye上有人使用了jqGrid实现了数据的分页，参考它的代码，实现了这个功能，搬出来晒晒，作为自己以后学习的资料！

(1)页面代码：

Html代码  

html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Insert title here

href="js/themes/basic/grid.css"/>

jQuery(document).ready(function(){

jQuery("#myTab").jqGrid({

datatype: "json", //将这里改为使用JSON数据

url:'DataServlet', //这是Action的请求地址

mtype: 'POST',

height: 250,

width: 400,

colNames:['编号','姓名', '电话'],

colModel:[

{name:'id',index:'id', width:60, sorttype:"int"},

{name:'name',index:'name', width:90},

{name:'phone',index:'phone', width:100}

],

pager: 'pager', //分页工具栏

imgpath: 'js/themes/basic/images', //图片存放路径

rowNum:10, //每页显示记录数

viewrecords: true, //是否显示行数

rowList:[10,20,30], //可调整每页显示的记录数

multiselect: false, //是否支持多选

caption: "信息显示"

});

});