代码改变世界

jqgrid中工作小结

2016-05-12 18:06  夜半花开  阅读(285)  评论(0编辑  收藏  举报

一、统计

  1.1 属性 footerrow:true
  1.2 赋值 
 loadComplete:function(data){ //完成服务器请求后,回调函数
             if(data.records==0){ 
                 $("p").appendTo($("#gridTable")).addClass("nodata").html('找不到相关数据!');
             }else{
          //给相关统计赋值             
             }
         }
  2.1如果统计项比较多时,可以把统计信息放表头,或者其他位置,不能用自带统计样式

二、显示隐藏列
  1/1 先引入js文件 jqGrid/plugins/grid.setcolumns.js
function setHideShowColumn(gridTableId,gridPagerId){
     $("#"+gridTableId).navGrid('#'+gridPagerId,{edit:false,add:false,del:false,search:false,refresh:false,position:'right'});
       $("#"+gridTableId).navButtonAdd('#'+gridPagerId,{caption:"显示/隐藏列",position:'right',
           onClickButton: function(){ 
               jQuery("#gridTable").setColumns({
                   caption: "显示/隐藏列",
                   colnameview:false,
                   updateAfterCheck:true
               });
           }
       });
}

  1/2  位置默认是在左边,可以调position的值为right或center;但是改为right后,没有放到分页栏的最右边,需要改js源码,方法如下:

1.jquery.jqGrid.src.js中修改
navtbl = $("<table cellspacing='0' cellpadding='0' border='0' class='ui-pg-table navtable' style='/*float:left;*/table-layout:auto;'><tbody><tr></tr></tbody></table>"),

2.jquery.jqGrid.min.js中修改
<table cellspacing='0' cellpadding='0' border='0' class='ui-pg-table navtable' style='/*float:left;*/table-layout:auto;'><tbody><tr></tr></tbody></table>

  1/3默认弹出的取消隐藏中,button按钮显示值为“取消”,如果更改,需要改grid.setcolumns.js,例如改为“确定”

bC  ="<a href='javascript:void(0)' id='eData' class='fm-button ui-state-default ui-corner-all'>"+"确定"+"</a>";