jqgrid 常见操作

1、   var rowData = $(“#datalist”).jqGrid(“getRowData”, empno);  //根据id获取该行数据。

2、    $(‘#datalist’).jqGrid(‘setRowData’, rowData.Id, {

                    ScoreK: scorek,
                    ScoreJ: result,
                    SumScoreJ: result,
                    StandardScore: standard              
                });  //根据id给该行数据赋值。

3、    $(“#datalist”).jqGrid(‘setGridParam’, {                  
                url: “/SS/Scoring/GetScoreStandardList”,

                postData: {

                    workCoe: $(“#hidWorkTypeId”).val() ,
                    deptCode: $(“#hidItemIndex”).val() ,
                    key: $.trim(code)
                },
                page: 1  
            }).trigger(“reloadGrid”);  //重新加载数据（若grid中表头是固定的）

4、  $(‘#datalist’).GridUnload();  //重新加载数据（若grid中表头是动态的）

5、var rowNum = $(“#list4”).jqGrid(‘getGridParam’,’records’); //获取当前数据的条数。

getGridParam这个方法用来获得jqGrid的选项值。它具有一个可选参数name，name即代表着jqGrid的选项名，如果不传入name参数，则会返回jqGrid整个选项options。

   var param = $(“#datalist”).jqGrid(‘getGridParam’);        

  var  sidx= param.postData.sidx ；//获取当前根据哪一列排序（列名）

   var sord=param.postData.sord；//获取当前排序方法（asc /desc）

6、 var ret = $(“#datalist”).getChangedCells(‘all’);  

依据method参数（默认值为all）返回修改过的所有行数据（JSON对象数组），设置为dirty，返回的数据包含id和被修改过的数据，未修改过的不返回。

eg，原始数据为[{id:1,name:’showbo1′,addr:’桂林’},{id:2,name:’showbo2′,addr:’广西桂林’}]，修改id为1的name为showbo csdn，调用此方法
1）不传递method参数或者为all，则返回[{id:1,name:’showbo csdn’,addr:’桂林’}}]。
2）method设置为dirty，则返回[{id:1,name:’showbo csdn’}]

7、  $(“#datalist”).setGridWidth($(“.jxc-bill”).width()-15);  
         $(“#datalist”).setGridHeight(document.documentElement.clientHeight – 120); //设置宽高

8、     $(“#datalist”).jqGrid(‘setGroupHeaders’, {

                        useColSpanStyle: true,
                        groupHeaders: [
                          { startColumnName: ‘Excellent’, numberOfColumns: 3, titleText: ‘三工评定’ }
                        ]
             }); //合并表头

9、合并单元格

   case "EmpName": 
                {
                 item.frozen = true;
                 $.extend(true, item, {
                      cellattr: function(rowId, tv, rawObject, cm,rdata) {                                                                                 
                            return 'id=\'' + item.name+ rowId + "\'";
                      }                                          
                   })                                  
                 }
                break; //方便后面

    loadComplete: function (data) {},
    gridComplete: function() {  //合并单元格                                            
                     var gridName = "datalist";
                     Merger(gridName, 'EmpName');                         
                    }

 function Merger(gridName, CellName) {
            //得到显示到界面的id集合       
            var mya = $("#" + gridName + "").getDataIDs();
            //当前显示多少条      
            var length = mya.length;
            for (var i = 0; i < length; i++) {
                //从上到下获取一条信息     
                var before = $("#" + gridName + "").jqGrid('getRowData', mya[i]);
                //定义合并行数                
                var rowSpanTaxCount = 1;
                for (j = i + 1; j <= length; j++) {
                    //和上边的信息对比 如果值一样就合并行数+1 然后设置rowspan 让当前单元格隐藏     
                    var end = $("#" + gridName + "").jqGrid('getRowData', mya[j]);
                    if (before[CellName] == end[CellName]) {
                        rowSpanTaxCount++; $("#" + gridName + "").setCell(mya[j], CellName, '', { display: 'none' });
                    } else {
                        rowSpanTaxCount = 1; break;
                    }
                    $("#" + CellName + "" + mya[i] + "").attr("rowspan", rowSpanTaxCount);
                }
            }
        }

10.  $(“#datalist”).jqGrid(“clearGridData”); //清空表格里的数据。

11.手动往grid中添加数据

     $(“#orgGridId”).jqGrid(‘addRowData’,mydata[i].id,mydata[i]);

     mydata[i].id:添加这列的主键id

     mydata[i]：json格式的数据，

     例{id:”e”,name:”2007-09-      01″,phone:”test3″,parseMobile:”note3″,orgName:”400.00″}

12.更新数据

     $(“#orgGrid”).jqGrid(‘setRowData’,mydata[i].id,{name:”2008-10-                       01″,phone:”test”,parseMobile:”note”,orgName:”200.00″});

mydata[i].id:需要修改列的主键id

13.删除数据

   $(“#orgGrid”).jqGrid(‘delRowData’,id);

   id:列主键

14.根据id拿该列的所有Data

    $(“#orgGrid”).jqGrid(‘getRowData’,id));

    id:列主键，如果拿不到返回{},拿到了返回一个Object

15.拿到grid中的所有主键

     var allIds = $(“#datalist”).jqGrid(‘getDataIDs’);

16.拿到grid中所有的数据

   $(“#orgGrid”).getRowData();

   返回一个数组，可以根据自己的需要，提取需要的字段。

17.拿到grid中所有选择的数据

   $(subGridId).jqGrid(‘getGridParam’,’selarrrow’);

18.给序号列增加标题名称

   jqgrid中增加属性可以显示序号列：

     rownumbers: true //是否显示序号列 true显示，false不显示

  但是序号列上没有标题，如果要显示中文名称，可以使用jqgrid的setLabel方法：

 $(“#datalist”).jqGrid(‘setLabel’, ‘rn’, ‘序号’, { ‘text-align’: ‘center’, ‘vertical-align’: ‘middle’ });                      

今天的文章jqgrid 常见操作分享到此就结束了，感谢您的阅读。