三、jqGrid
jqgrid使用:常用属性用法和含义
var id = $("#newstable").jqGrid("getGridParam", "selrow"); //单行
var selectedId = $("#newstable").jqGrid("getGridParam", "selarrrow"); //多行,这些id便封装成一个id数组
var Ids=$("#gridTable").jqGrid('getDataIDs');//获取所有行的id数组
- 如何获取grid选中的行的ID?
Javascript代码
var rowid = $( "#searchResultList" ).getGridParam( "selrow" );
2.获取某一行的数据对象?选择的行的数据对象
var rowid = $( "#searchResultList" ).getGridParam( "selrow" );
var rowData = $( "#searchResultList" ).getRowData(rowid);
而这个rowData是一个对象,如果要获取选择的行的这个对象的属性值,如name的值,需如下:
var rowName=rowData.name;
3.如何删除一行或多行
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
$("#gridTable").jqGrid('delRowData', selectedId);
4.如何获取某一列的值
var col= jQuery("#jqGrid ").jqGrid('getCol',4,false);//获取第4列的值
var col= jQuery("#jqGrid ").jqGrid('getCol','name',false);//获取列名为name的列的值
5.获取行数
var count = $("#tabGrid4").getGridParam("reccount");//当前有几行
6.实现某单元格可编辑
在jqGridFunction({里加这两个属性,然后在需要的列上加
editable:true,editrules:{custom:true, custom_func:updateRemark}
cellEdit: true,
cellsubmit:"clientArray",
需要编辑的列上列上属性
editable:true
如果增加的列表没有id值,只能编辑一个单元格,其他单元格编辑不了,就加属性
这样表格最前面会出现行数
cellEdit: true,
cellsubmit:"clientArray",
rownumbers:true,
7.获取表格内的数据
function getMobiles(){
var count = $("#userMobileList").getGridParam("reccount");//当前有几行
var recs=$("#userMobileList").jqGrid("getRowData");
var result=JSON.stringify(recs)
return result;
}
后台获取
@RequestMapping(value = "/XXX")
@ResponseBody
public Boolean addUserActivity(@RequestParam(value = "mobiles", required = true) String mobiles) {
JSONArray json= JSONArray.fromObject(mobiles);
for(int i=0;i<json.size();i++){
Activity activity=new Activity();
JSONObject jsonOne= json.getJSONObject(i);
activity.setMobile(jsonOne.getString("mobile"));
service新增
}
return true;
}
8.校验手机号是11位
var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
if(!myreg.test($('#mobile').val())){
$.messageBox({
message:"请输入有效的11位手机号码",
level: "error"
});
return;
}