生成一个表格,带有复选框,
function getList(){
$("#sample_editable_1").jqGrid({
url:ctx+"/serviceResources/getList",
datatype: "json",
height: 'auto',
autowidth:true,
shrinkToFit: true,//列宽设置
forceFit:true,//表格水平宽度不变,
// multiboxonly:true,//点击行时就选取复选框,是否只能选取一个
multiselect: true,//复选框开关
checkbox : {disabled:false},//
edittype:'checkbox',
rowNum: 10,
rowList: [10,20,50],
rownumbers:true,
colNames: ['标识符','服务名称','服务描述','所在库','版本','状态','共享方式','主键'],
colModel: [
{
name: 'SM_ID',
index: 'SM_ID',
align: 'center',
sortable:true
},{
name: 'SM_NAME',
index: 'SM_NAME',
align: 'center',
sortable:true
},{
name: 'SM_DESC',
index: 'SM_DESC',
align: 'center',
sortable:true
},{
name: 'IN_DB',
index: 'IN_DB',
align: 'center',
sortable:true
},{
name: 'SM_VERSION',
index: 'SM_VERSION',
align: 'center',
sortable:true
},
{
name: 'SM_STATUS',
index: 'SM_STATUS',
align: 'center',
sortable:true,
},
{
name: 'SM_SHARE_TYPE',
index: 'SM_SHARE_TYPE',
align: 'center',
//hidden:true
},
{
name: 'SM_HIS_ID',
index: 'SM_HIS_ID',
align: 'center',
hidden:true
}
],
pager: "#pager_list",//页码位置
viewrecords: true,//显示总数
hidegrid: false,
onSelectRow: function(){
}
}).closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });//隐藏水平滚动条
}
获得表格的行数,所有的行数,包括为点击的。
var Ids = $("#"+id).jqGrid("getRowData");
var len=Ids.length;//表格的长度
取出表格里的所有数据
var index=0;
jQuery(Ids).each(function(){
if(index==0){
department_ids=this.DEPARTMENT_ID;
department_names=this.DEPARTMENT_NAME;
index++;
}else{
department_ids+=":"+this.DEPARTMENT_ID;
department_names+=":"+this.DEPARTMENT_NAME;
}
});
获取最后点击的行的行号rowid
var rowid= $("#sample_editable_1").jqGrid('getGridParam','selrow');
根据行号获得该行的数据,一般以上一个连用
//根据点击行获得点击行的id(id为jsonReader: {id: "id" },)
var rowData = $("#sample_editable_1").jqGrid("getRowData",rowid);
//根据上面的id获得本行的所有数据
var sm_his_id= rowData.SM_HIS_ID;
增加一行数据第1,3个数据是行号和行的位置,
第二个参数是显示的参数数据。
jQuery("#"+addId).jqGrid('addRowData',
''+addlen,
{DEPARTMENT_ID:department_id,DEPARTMENT_NAME:department_name},
''+addlen
);
获取所有选择的行及其数据
function tableClick(delId,addId){
var Ids = $("#"+delId).jqGrid("getGridParam", "selarrrow");//选取的行
var len=Ids.length;
var addIds = $("#"+addId).jqGrid('getDataIDs');//所用的行id
var addlen=addIds.length;
for(var j=0;j<addlen;j++){
if(addIds[j]>addlen){
addlen=addIds[j];
}
}
addlen+=1;
for(var i=0;i<len;i++){
var rowid=Ids[0];
var rowData = $("#"+delId).jqGrid('getRowData',rowid);
var department_id=rowData.DEPARTMENT_ID;
var department_name=rowData.DEPARTMENT_NAME;
jQuery("#"+addId).jqGrid('addRowData',
''+addlen,
{DEPARTMENT_ID:department_id,DEPARTMENT_NAME:department_name},
''+addlen
);
$("#"+delId).jqGrid("delRowData", Ids[0]);
addlen++;
}
}