- 获取属性
- 获取所选择行的ID
var id=$('#gridTable').jqGrid('getGridParam','selrow');//单行
varids=$('#gridTable').jqGrid('getGridParam','selarrrow');//多行
- 获取所选行的数据
var rowData = $("#gridTable").jqGrid('getRowData',rowId);
for(var i=0;i<selIDs.length;i++){
var gridData= $("#grid").jqGrid("getRowData",selIDs[i]);//这是获得 某一行的数据
}
- 获取表格所有数据
var gridData= $("#grid").jqGrid("getRowData");
- 获取表格所有的ID
var strIds= $("#grid").jqGrid("getDataIDs");//获得表格所有行的ID
- 获得当前表格的行数
$("#grid").getGridParam("recount");
2.设置属性
- 获取单元格的值和设置单元格的值
var strValue=$("#grid").jqGrid("getCell",selIDs[i],"表格列的名字");//行ID和列名字,决定了一个单元格的位置,从而可以取出单元格的值
$("#grid").jqGrid("setCell",selIDs[i],"表格列的名字","数据");//设置单元格的值,需要行id,列名,以及对应列名的值
- 设置行的值
$("#grid").setRowData(rowId,{l列名:值,列明:值....});
setCell方法与setRowData方法的不同是:setRowData可以同时设置一行的值,即多个列的值,而setCell只能设置一个单元格的值
- 设置列的属性
$("#grid").jqGrid("setColProp",{editType:"text",formatter:"text"});//这里设置了列的两个属性,自己可以根据需要改变
- 设置某一行被选中
$("#grid").setSelection(rowId);//再很多文章上看到这个方法,需要注意的是:
这个方法起的是反选的作用,也就是如果某一行被选中,使用这个方法就是取消选中,如果某一行处于未选中状态,使用这个方法使其选中
3.搜索
jQuery("#mysearch").jqGrid('filterGrid',grid_selector,{
gridModel : false,
filterModel : [{
label : 'search',
name: 'searchVal',
stype: 'text'
}],
autosearch : true,
url : 'url?自己的固定参数'
}),
//:unformat : function(html) {//html就是formatter返回的a连接的html
return $(html).text()
}
$(function(){
$("#find_btn").click(function(){
var GOODS_ID = escape($("#GOODS_ID").val());
var GOODS_ID = escape($("#GOODS_NAME").val());
$("#table_list_2").jqGrid('setGridParam',{
url:"goood/query.do",
postData:{'GOODS_ID':GOODS_ID,'GOODS_NAME':GOODS_NAME}, //发送数据
page:1
}).trigger("reloadGrid"); //重新载入
});
});
4.编辑单元格
var lastsel;
onSelectRow : function(id) {//编辑单元格
if (id && id !== lastsel) {
jQuery('#table_list_1').jqGrid('restoreRow', lastsel);
jQuery('#table_list_1').jqGrid('editRow', id, true);
lastsel = id;
}
},
editurl :url,
5.时间格式化
formatter:"date",formatoptions: {srcformat:'Y-m-d',newformat:'Y-m-d'}