JqGrid多选,分页

1、当在JqGrid表格属性中设置了multiselect:true,这时会在每一行前面出现checkbox

2、日期格式化 formatter: "date", formatoptions: { srcformat: 'Y-m-d', newformat: 'Y-m-d H:m:s' }

{name:'operateTime',index:'operateTime', formatter:"date", formatoptions: {newformat:'Y-m-d'}, align:"center",sortable:true,width:120},

2、而在点击栏的checkbox时,表格全选或全部选,这时触发的事件是onSelectAll

  onSelectAll:function(rowids,statue){

          //函数里做自己的处理

};

  rowids:表示表格的所有行Id,即设置了key=true的那一列的值,如果设置了多列的key=true,那么只选取第一个

  statuetrue/false,如果全选则为true,全不选则为false 

添加分页按钮

$("#list_table").jqGrid('navGrid','#list_pager',{del:false,add:false,edit:false,search:false}).navButtonAdd('#list_pager',{   
        caption:"选择",    //按钮名称
        buttonicon:"ui-icon-check",    //按钮icon
        onClickButton: function(){    //执行操作
          var arr_id = $("#list_table").getGridParam('selarrrow'); //取得多选行的ID值
          var ids = arr_id.split(',');
          var rowData = new Array();
          var names = '';
          for(var i=0;i<ids.length;i++)
          {
            rowData[i] = $("#list_table").getRowData(i);
            
          }
        },    
        position:"first"  //按钮位置 
    });

posted @ 2018-02-05 11:11  花影疏帘  阅读(495)  评论(0)    收藏  举报