文档

//            //     列显示名称，是一个数组对象
//            colNames : [ 'siteName', 'siteUrl', 'siteKeyword', 'siteDesc', 'siteIcp' ],
//            colModel : [
//                {name : 'siteName',index : 'siteName',width : 55},
//                {name : 'siteUrl',index : 'siteUrl',width : 180},
//                {name : 'siteKeyword',index : 'siteKeyword',width : 80,align : "right"},
//                {name : 'siteDesc',index : 'siteDesc',width : 80,align : "right"},
//                {name : 'siteIcp',index : 'siteIcp',width : 80,align : "right",sortable : false,search : false}
//            ],
//            rowNum : 5, //在grid上显示记录条数，这个参数是要被传递到后台
//            rowList : [ 5, 10, 20 ],    // 一个下拉选择框，用来改变显示记录数，当选择时会覆盖rowNum参数传递到后台
//            pager : '#pager10_d',      // 定义翻页用的导航栏，必须是有效的html元素。翻页工具栏可以放置在html页面任意位置
//            sortname : 'item',     // 默认的排序列。可以是列名称或者是一个数字，这个参数会被提交到后台
//            viewrecords : true,  // 定义是否要显示总记录数
//            sortorder : "asc", // 排序顺序，升序或者降序（asc or desc）
//            multiselect : true, // 定义是否可以多选
//            caption : "Invoice Detail" // 表格名称

简单的demo 演示

 {
   ajaxGridOptions : {
type : "POST"},
                        serializeGridData : function ( postdata) {    //向服务器发起请求时会把数据进行序列化，用户自定义数据也可以被提交到服务器端

                            return postdata;
                        },
                        url : '/siteProfileAction!list' ,
                        datatype : "json" ,
                        editurl : 'localhost:8080/allin_manager_platform/siteProfileAction!list' ,  //定义对form编辑时的url
                        colNames : ['网站ID' , '网站名称 ' , '网站url ' , "网站关键词" ,"网站描述" , "网站icp备案号" ,"服务条款" ],
                        colModel : [
                            { name : 'id' , index: 'id' , width : 15, editable : true , sortable: true },
                            { name : 'siteName' , index: 'siteName' , width : 55, editable : true , sortable : true},
                            { name : 'siteUrl' , index: 'siteUrl' , width : 90, editable : true , sortable: true },
                            { name : 'siteKeyword' , index: 'siteKeyword' , width : 90, hidden :true },
                            { name : 'siteDesc' , index: 'siteDesc' , width : 90, hidden :true },
                            { name : 'siteIcp' , index: 'siteIcp' , width : 90, hidden :true },
                            { name : 'privacyStatement' , index: 'privacyStatement' , width : 90, hidden :true }
                        ],
                        jsonReader : {
                            repeatitems : true ,  //如果设为false，则jqGrid在解析json时，会根据name来搜索对应的数据元素（即可以json中元素可以不按顺序）；而所使用的name是来自于colModel中的name设定。
                            cell : "cell" ,
                            id : "0" ,
                            page : "pageIndex" ,
                            records : "total" ,
                            root : "rows" ,
                            total : "pageCount" ,
                            userdata : "userdata"
                        },
                        editrules : {
                            name : 'age' ,
                            index : 'age' ,
                            width : 90 ,
                            editable : true ,
                            editrules : {edithidden : true, required : true , number: true , minValue : 10, maxValue : 100 }
                        }, //设定 年龄的最大值为100，最小值为10，而且为数字类型，并且为必输字段。
                        rowNum : 10 ,
                        rowList : [10 , 20, 30 ],
                        pager : '#pager10' ,
                        sortname : 'id' ,
                        viewrecords : true ,
                        sortorder : "desc" ,
                        multiselect : false ,
                        caption : "站点设置" ,
//                    prmNames: {page:"page",rows:"rows", sort: "sort",order: "order"},
                        prmNames : {
                            page : "page" ,
                            rows : "rows" ,
                            sort : "sort" ,
                            order : "order" ,
                            search : "_search" ,
                            nd : "nd" ,
                            id : "id" ,
                            oper : "oper" ,
                            editoper : "edit" ,
                            addoper : "add" ,
                            deloper : "del" ,
                            subgridid : "id" ,
                            npage : null ,
                            totalrows : "total"
                        },
                        loadComplete : function ( data) {
                            mydata = data . rows;
                            if (sortname != $( this ).getGridParam ( "sortname") ){
                                console .log ( $( this ).getGridParam ( "sortorder"));
                                sortList ($ ( this). getGridParam ("sortname" ), $( this ).getGridParam ( "sortorder"), mydata );
                                console .log ( mydata);
//                            $("#list10").jqGrid('clearGridData');

                                for (var i =0 ; i< mydata .length ; i++){
                                    jQuery ("#list10" ). jqGrid( 'setRowData' ,i + 1, mydata [i ]);
//                                $("#list10").jqGrid('addRowData',i+1,mydata[i]);
                                }
                            }
                            console .log ( $( this ).getGridParam ( "sortname"));

                        },
                        onSortCol : function ( name, index ){
                        },
                        onPaging : function ( which_button) {
                        },
                        onSelectRow : function ( rowid, rows ) {   //当选择行时触发此事件。rowid：当前行id；status：选择状态，当multiselect 为true时此参数才可用
                        }
}


`