`
dmcp
  • 浏览: 22515 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jqGrid使用总结

 
阅读更多

1. 如何获取grid选中的行的ID?

var rowid = $("#searchResultList").getGridParam("selrow");

2. 如何在表格中动态增加一行数据?

//$("#jqgrid").addRowData(rowId, data, pos, idx);
//pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
$("#jqgrid").addRowData("1", {"name":"test","age":12}, "first");

3. 如何动态修改某行的数据内容,如某几列的值?

//setRowData( rowid, data );
$("#jqgrid").setRowData( "1", { tax:"5", total:"205" });

4. jqgrid的常用属性?

$("#jqgrid").jqGrid({
	url:"${ctx}/sys/role/search.dm",
	colNames:["角色名称"],//,"角色代码"
	colModel:["roleName"],//"roleCode"还可以用对象替换
	jsonReader:{id:"roleId",root:"dataList"},
	width:240,
	height:250,
	rowNum:20,//每页20条记录
	pager: "logListPager",//分页显示的DIVID
	sortname: "actionTime",//默认排序的列名
	sortorder: "desc",//默认排序的顺序
	scroll:true,//鼠标滚动翻页
	onSelectRow: function(rowid) {}
});

5. 获取某一行的数据对象?

var rowid = $("#searchResultList").getGridParam("selrow");
var rowData = $("#searchResultList").getRowData(rowid);

6. 如何使用API动态修改选中的行?

//true:重新加载表格数据, false:不重新加载表格数据
$("#jqGrid").setSelection("1", true);

7. 还有以下常用的API,

$("#jqgrid").resetSelection();
$("#jqgrid").clearGridData();
$("#jqgrid").setCell(rowid,colname,nData,cssp,attrp);

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics