jqGrid

$("#yangben").jqGrid({
            url:'getResultXML',
            datatype:"xml",
            mtype:'GET',
            jsonReader : {
                root:"rows",
                page: "currpage",
                total: "totalpages",
                records: "totalrecords",
                repeatitems: false
             },
            colNames:['编号','DNA编号','原始编号','姓名','籍贯','性别','年龄','出生缺陷种类','疾病确诊单位','家系','QC结果','诊断结果','备注'],
            colModel:[{align:'center',name:'code',index:'code',width:50,sortable:true,
                    formatter:function(cellvalue, options, rowObject){
                    var patCode = "<a  href='patient/detail?code="+cellvalue+"' style='text-decoration:underline;'>"+cellvalue+"</a>";
                    return patCode;
                }},
                      {align:'center',name:'dnaCode',index:'dnaCode',width:50,sortable:true},
                      {align:'center',name:'orgCode',index:'orgCode',width:50,sortable:true},
                      {align:'center',name:'name',index:'name',width:50,sortable:true},
                      {align:'center',name:'nativePlace',index:'nativePlace',width:50,sortable:true},
                      {align:'center',name:'sex',index:'sex',width:20,sortable:true},
                      {align:'center',name:'age',index:'age',width:20,sortable:true},
                      {align:'center',name:'defect',index:'defect',width:50,sortable:true},
                      {align:'center',name:'dunit',index:'dunit',width:50,sortable:true},
                      {align:'center',name:'family',index:'family',width:20,sortable:true},
                      {align:'center',name:'qcPass',index:'qcPass',width:30,sortable:true},
                      {align:'center',name:'dresult',index:'dresult',width:50,sortable:true},
                      {align:'center',name:'remark',index:'remark',width:50,sortable: false}
                     ],
            rowNum:15,
            width:0,
            rowList:[5,10,15,20,25,30,50],
            autowidth:true,       
            autoheight:true,
            scroll:true,
            pager:$("#yangbenPager"),
            //sortorder:'desc',
            //sortable:true,
            //sortname:'patID',
            gridview:true,
            viewrecords:true,
            multiselect: true,
            onSortCol: function (cellvalue,index, iCol, sortorder) {
                var paixu = GetParams(cellvalue,iCol);
                jQuery("#yangben").setGridParam({'url':'getResultXML?paixu='+paixu}).trigger("reloadGrid");
           },onSelectRow: function(ids) {
               //alert(ids);
           }
        }).navGrid('#yangbenPager',{edit:false,add:false,del:false,search:false});

 

scroll:true,是将显示page中间那部分隐藏掉了，改为false则显示就可翻页

 

可参考地址：http://www.trirand.com/blog/jqgrid/jqgrid.html