如何在jqgrid中设置checkbox多选,及获取多选的值(学习笔记)

来源:互联网 发布:navicat 链接数据库 编辑:程序博客网 时间:2024/05/16 08:32

//JS 

$(function() {

var table=$('#grid-table')[0];
createDictSelect('select-ywbk', 'ywbk');
createDictSelect('select-fwlx', 'fwlx');
        createDictSelect('select-ywlx', 'ywlx');
        createCustomer('select-gszx','');
        createDepart("select-kfbz","zxfz");
$('#rdYtime_begin').val(getCurrentDay()+' 00:00:00');
$('#rdYtime_end').val(getCurrentDayTime());
var grid_url = "${ctx}/admin/rcd/list";//查询列表接口
var _colnames = [ "序号", "客户名称", "沟通时间", "通话号码", "分类","业务板块","服务类型", "业务类型", "客服工号","归属坐席","客服分组", "沟通记录" ,"播放","操作"];
var _colmodel = [
{
name : "id",
index : "id",
hidden : true
},
{
name : "cust_name",
index : "cust_name"

},
{
name : "rd_time",
index : "rd_time"

},
{
name : "rcd_cust_phone",
index : "rcd_cust_phone"

},
{
name : "rcd_cdr_type",
index : "rcd_cdr_type",

},
            {
                name : "rcd_class",
                index : "rcd_class"


            },
{
                name : "rcd_appeal_type",
                index : "rcd_appeal_type"
               
            },
{
name : "rcd_business_type",
index : "rcd_business_type"




},
            {
                name : "ag_no",
                index : "ag_no"
             


            },{
                name : "ag_name",
                index : "ag_name"
             


            },
{
name : "depart_name",
index : "depart_name"

},
{
name : "rd_content",
index : "rd_content",
editable : true

},
{
name : "recodingfile",
index : "recodingfile",

formatter : function(cellvalue, options, rowObject) {
var dateTime = rowObject.rd_time;
var fromno = '';
var tono = '';
var type=rowObject.rcd_cdr_type;
if('呼入'==type){
fromno=rowObject.rcd_cust_phone;
tono=rowObject.ag_ext;
}else{
tono=rowObject.rcd_cust_phone;
fromno=rowObject.ag_ext;
}
/* var date = dateTime.split(' ')[0].replaceAll('-','/');
var file_ = '${Session.recordingfile}'+date+'/'+rowObject.recordingfile; */
var 
html = '<div onclick="btn_recording(\''
+ tono
+ '\',\''
+ fromno
+ '\',\''
+ dateTime
+ '\')" class="btn btn-minier btn-primary"><span class="glyphicon glyphicon-play-circle"></span></div>';
return html;
}
},{
name : "",
index : "opreation",
/* formatter : function(cellvalue, options, rowObject) {
var html = '<@shiro.hasPermission name="sys:customer:edit"><button onclick="btn_detail(\''
+ rowObject.id
+ '\')" class="btn btn-minier btn-primary">编辑</button></@shiro.hasPermission>';
return html;
}, */
sortable : false

}
];


//canv_init_gridb(grid_url, _colnames, _colmodel,'rd_time','desc');


$(grid_selector).jqGrid(
{
url : grid_url,
datatype : "json",
mtype : 'POST',
shrinkToFit : true,// 适用于较少字段,响应式
colNames : _colnames,
colModel : _colmodel,
jsonReader : {
id : "id"
},
 multiselect: true,//可多选
 onSelectRow: function (rowId, status, e) {  
 var rowIds = jQuery("#grid-table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID
         /***********勾选导出*************/
       $('#btn-out').on('click', function() {
           parent.location.href = '${ctx}/admin/rcd/export?filter='+'filter__id='+rowIds;
           layer_chose();
           return false;
       });
       /*********导出*********end*******/
 },
pager : "#grid-pager",
rowNum : 25, //每页显示记录数 
viewrecords : true, //是否显示行数 
rowList : [ 25, 50, 100, 200, 500 ], //可调整每页显示的记录数 
postData : {
filter : 'filter__ct_mobile=-1',
sort : 'rd_time',
order : 'desc'
}
});

重点:multiselect: true,//可多选
  onSelectRow: function (rowId, status, e) {  

 var rowIds = jQuery("#grid-table").jqGrid('getGridParam', 'selarrrow');    //获取勾选记录的ID

阅读全文
0 0
原创粉丝点击