码迷,mamicode.com
首页 > 其他好文 > 详细

jqgrid中工作小结

时间:2016-05-13 12:02:17      阅读:113      评论:0      收藏: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>";

 

jqgrid中工作小结

标签:

原文地址:http://www.cnblogs.com/jiangyaqiong/p/5486810.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!