jqGrid
jqGrid初始化表格
obj['table'].jqGrid({
url: curPath + '/minstone/roomApply/getMyRoomApplyList',
styleUI: 'Bootstrap',
datatype: 'json',
mtype: 'POST',
// autowidth: true,
// 如果为ture时，则当表格在首次被创建时会根据父元素比例重新调整表格宽度。如果父元素宽度改变，为了使表格宽度能够自动调整则需要实现函数：setGridWidth
// height: THeight, // 表格高度:数字,像素值,百分比
height: 'auto',
width: TWidth,//
multiselect: true, // 定义是否可以多选
multiboxonly: true,
shrinkToFit: true,
// 如果为ture，则按比例初始化列宽度。如果为false，则列宽度使用colModel指定的宽度
rowNum: 10, // 显示记录条数，这个参数是要被传递到后台
rowList: [10, 20, 30], // 下拉选择框，用来改变显示记录数
colNames: ['id', 'seqId', 'delFlag', '会议议题', '会议室名称', '申请人', '开始时间', '结束时间',
'申请发起时间', '申请理由', '状态',
'撤销理由', '撤销人'],
colModel: [{
//id
name: 'id',
index: 'id',
hidden: true
}, {
//seqId
name: 'seqId',
index: 'seqId',
hidden: true
}, {
//delFlag
name: 'delFlag',
index: 'delFlag',
hidden: true
}, {
//会议主题
name: 'theme',
index: 'theme',
align: 'center'
},
/*
{
//会议主题
label:"会议主题",
name: 'theme',
index: 'theme',
align: 'center'
}
*/
{
//会议室名称
name: 'roomName',
index: 'roomName',
align: 'center'
}, {
//申请人
name: 'createrUser',
index: 'createrUser',
align: 'center'
}, {
//开始时间
name: 'startDate',
index: 'startDate',
align: 'center'
}, {
//结束时间
name: 'endDate',
index: 'endDate',
align: 'center'
}, {
//申请发起时间
name: 'createrDate',
index: 'createrDate',
align: 'center'
}, {
//申请理由
name: 'reason',
index: 'reason',
align: 'center'
}, {
//状态
name: 'state',
index: 'state',
align: 'center',
formatter: function (cellvalue, options, rowObject) {
if (cellvalue.indexOf(1) > (-1)) {
return '处理中';
} else if (cellvalue.indexOf(2) > (-1)) {
return '已通过';
} else if (cellvalue.indexOf(3) > (-1)) {
return '未通过';
} else if (cellvalue.indexOf(4) > (-1)) {
return '已撤销';
} else {
return '未确定';
}
}
}, {
//撤销理由
name: 'revokeReason',
index: 'revokeReason',
align: 'center'
}, {
//撤销人
name: 'modiUser',
index: 'modiUser',
align: 'center'
}],
rownumbers: true,
loadComplete:function(xhr){
//加载de数据
console.log(xhr);
},
gridComplete: function () {
$("#tbID").jqGrid('getGridParam')
},
onSelectRow: function (rowid, status) {
var $tbId = $('#room_apply_table');
var curRowData = $tbId.jqGrid('getRowData', rowid);
if (parseInt(curRowData.delFlag) === 1) {
//禁止选中当前
$tbId.jqGrid('setSelection', rowid, false);
layer.msg('当前已撤销,不可重复撤销',{icon:0,time:2000});
}
},
jsonReader: {
id: 'seqid',//拿主键当唯一id(方便)
root: 'datalist',//行数据
page: 'page',//当前页码
rows: 'rows',//当前页的行数
total: 'total',//页码总数
records: 'records',//总记录数
repeatitems: false
},
//分组的显示
grouping: true,
groupingView: {
groupField: ['state'],
groupColumnShow: [false]
//不显示了
},
pager: obj['page'],
viewrecords: true,
hidegrid: false
// 启用或者禁用控制表格显示、隐藏的按钮，只有当caption 属性不为空时起效
});
重新请求,查询
$roomTb.jqGrid('setGridParam', {
postData:{
theme: $('#meeting_title').val(),
createDate: $('#date_time_start').val(),
endDate: $('#date_time_end').val(),
state: $('#status').find('option:selected').val()
},//发送数据
page: 1
}).trigger('reloadGrid'); //重新载入
选择当前行的数据
var idArr= $roomTb.jqGrid('getGridParam','selarrrow');
if(idArr.length===0){
top.layer.msg('请至少选择一条记录!',{icon:iconNum.warning,time:2000});
return;
}
//根据id获取行数据
var rowData = $('#gridTable').jqGrid('getRowData',rowId);
获取整个表对象
getGridObject();