jqgrid 常见操作

jqgrid 常见操作1、  varrowData=$("#datalist").jqGrid("getRowData",empno); //根据id获取该行数据。2、  $(‘#datalist’).jqGrid(‘setRowData’,rowData.Id,{          ScoreK:scorek,          ScoreJ:r…

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 常见操作分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/9751.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注