jqGrid使用まとめ

1811 ワード

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);
また、以下のような一般的なAPIがあります.

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