如何在jqgrid中设置checkbox多选，及获取多选的值（学习笔记）
//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 = '
';
return html;
}
},{
name : "",
index : "opreation",
/* formatter : function(cellvalue, options, rowObject) {
var html = '<@shiro.hasPermission name="sys:customer:edit">';
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