如何在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
- 如何在jqgrid中设置checkbox多选,及获取多选的值(学习笔记)
- 在vc中如何获取checkbox的值(转)
- jqGrid学习总结_1 获取或设置行及单元格的值
- jqgrid-1获取或设置行及单元格的值
- Jqgrid设置全选(选择)及获取选择行的值
- Django中如何获取checkbox的值
- Jqgrid中 checkBox的用法
- PHP中如何获取多个checkbox的值
- gridview中嵌套checkbox,如何在选中事件中获取当前行的索引值
- html中<checkbox>标签用法解析及如何设置checkbox复选框的默认选中状态
- jqgrid的multiselect 中checkbox复选框只能单选
- 如何获取多选checkbox的value值
- JqGrid学习总结_10标题栏的checkbox
- JqGrid学习总结_10标题栏的checkbox
- jqGrid框架中如何设置动态展示自定义的列
- 在gridview中获取选中的CheckBox
- struts中获取多选按钮html:checkbox的值
- 如何把选中的radio值和checkbox的值缓存在cookie中,后台自行获取
- 从运维工程师的角度谈谈如何学习Linux
- NGUI控件---Slider滑动条
- java通过递归调用删除文件夹下所有文件
- PAT_1083. List Grades
- mybatis分页插件PageHelper的使用
- 如何在jqgrid中设置checkbox多选,及获取多选的值(学习笔记)
- 数据结构 基础题 查找
- 8K视频之后,是否称之16K视频分辨率-什么是16K
- Phone List(POJ-3630 and HDU-1671)(动态数组与静态数组)
- Sqlite数据库操作Dao类
- PhotoView
- 类加载的过程
- Spark java.lang.NoSuchMethodError: scala.Predef$.refArrayOps
- zookeeper的单机使用例子