标签:
一、统计
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>";
标签:
原文地址:http://www.cnblogs.com/jiangyaqiong/p/5486810.html