jqgrid 不能选中行, 每次点击单元格都会选中最后一行
解决:
加上key: true
jQuery("#customerList").jqGrid({
width: 270,
height: 600,
url: '/customerManager/getCustomerList', //组件创建完成之后请求数据的url
datatype: "json", //请求数据返回的类型。可选json,xml,txt
colNames: ['客户编号', '客户名称'],
colModel: [ //jqGrid每一列的配置信息。包括名字,索引,宽度,对齐方式.....
{
name: 'customerId',
index: 'CUSTOMER_ID',
width: 108,
key: true//----------------------------------------------------------一开始没有加出错
},
{
name: 'customerName',
index: 'CUSTOMER_NAME',
}
],
rowNum: 10, //一页显示多少条(这个参数被传到后台)
rowList: [10, 20, 30], //可供用户选择一页显示多少条(覆盖rowNum参数)
pager: '#customerListPager', //表格页脚的占位符(一般是div)的id
sortname: 'CUSTOMER_ID', //初始化的时候排序的字段(传递到后台 sidx=sno)
sortorder: "desc", //排序方式,可选desc,asc
mtype: "get", //向后台请求数据的ajax的类型。可选post,get
viewrecords: true, //总记录数
caption: "客户详情", //表格的标题名字
rownumbers: true,//显示行号
emptyrecords: "没有记录", //当返回的数据行数为0时显示的信息(viewrecords : true)
loadComplete: function () {
//replace icons with FontAwesome icons like above
var table = this;
setTimeout(function () {
updatePagerIcons(table)
}, 0);
},
onSelectRow: function (id) {
$('#query').val("");
var rowData = $("#customerList").getRowData(id); //1.获取选中行的数据
var customerId = rowData.customerId;//2.得到选中数据的某个属性
$("#testList").jqGrid("clearGridData");
$('#testList').jqGrid('setGridParam', {
url: "/customerManager/dsfTest/getTestList",
datatype: 'json',
//发送数据
postData: {
"customerId": customerId,
"query": "",
},
}).trigger('reloadGrid');//重新载入
},
});