jqGrid常用属性以及方法

1. <span style="font-size:18px;">var id = $("#newstable").jqGrid("getGridParam", "selrow");　　　//单行  
2. var selectedId = $("#newstable").jqGrid("getGridParam", "selarrrow"); //多行   
3.   
4. jqgrid使用：常用属性用法和含义  
5.   
6. 1. 如何获取grid选中的行的ID？  
7.   
8. Javascript代码  
9. var rowid = $( "#searchResultList" ).getGridParam( "selrow" );   
10. var rowid = $("#searchResultList").getGridParam("selrow");  
11.   
12. 2. 如何在表格中动态增加一行数据？   
13.   
14. Javascript代码  
15. //$("#jqgrid").addRowData(rowId, data, pos, idx);   
16. //pos可以为[first,last,before,after],为后两者是需要指定相对的行ID   
17. $( "#jqgrid" ).addRowData( "1" , { "name" : "test" , "age" :12}, "first" );   
18. //$("#jqgrid").addRowData(rowId, data, pos, idx);  
19. //pos可以为[first,last,before,after],为后两者是需要指定相对的行ID  
20. $("#jqgrid").addRowData("1", {"name":"test","age":12}, "first");  
21.   
22. 3. 如何动态修改某行的数据内容，如某几列的值？   
23.   
24. Javascript代码  
25. //setRowData( rowid, data );   
26. $( "#jqgrid" ).setRowData( "1" , { tax: "5" , total: "205" });   
27. //setRowData( rowid, data );  
28. $("#jqgrid").setRowData( "1", { tax:"5", total:"205" });  
29.   
30. 4. jqgrid的常用属性？   
31.   
32. Javascript代码  
33. $( "#jqgrid" ).jqGrid({   
34. url: "${ctx}/sys/role/search.dm" ,   
35. colNames:[ "角色名称" ], //,"角色代码"   
36. colModel:[ "roleName" ], //"roleCode"还可以用对象替换   
37. jsonReader:{id: "roleId" ,root: "dataList" },   
38. width:240,   
39. height:250,   
40. rowNum:20, //每页20条记录   
41. pager: "logListPager" , //分页显示的DIVID   
42. sortname: "actionTime" , //默认排序的列名   
43. sortorder: "desc" , //默认排序的顺序   
44. scroll: true , //鼠标滚动翻页   
45. onSelectRow: function (rowid) {}   
46. });   
47. $("#jqgrid").jqGrid({  
48. url:"${ctx}/sys/role/search.dm",  
49. colNames:["角色名称"],//,"角色代码"  
50. colModel:["roleName"],//"roleCode"还可以用对象替换  
51. jsonReader:{id:"roleId",root:"dataList"},  
52. width:240,  
53. height:250,  
54. rowNum:20,//每页20条记录  
55. pager: "logListPager",//分页显示的DIVID  
56. sortname: "actionTime",//默认排序的列名  
57. sortorder: "desc",//默认排序的顺序  
58. scroll:true,//鼠标滚动翻页  
59. onSelectRow: function(rowid) {}  
60. });  
61.   
62. 5. 获取某一行的数据对象？   
63.   
64. Javascript代码  
65. var rowid = $( "#searchResultList" ).getGridParam( "selrow" );   
66. var rowData = $( "#searchResultList" ).getRowData(rowid);   
67. var rowid = $("#searchResultList").getGridParam("selrow");  
68. var rowData = $("#searchResultList").getRowData(rowid);  
69.   
70. 6. 如何使用API动态修改选中的行？   
71.   
72. Javascript代码  
73. //true:重新加载表格数据, false:不重新加载表格数据   
74. $( "#jqGrid" ).setSelection( "1" , true );   
75. //true:重新加载表格数据, false:不重新加载表格数据  
76. $("#jqGrid").setSelection("1", true);  
77. 7.如何获取某一列的值  
78.   
79. Javascript代码  
80.   
81. var col= jQuery("#jqGrid ").jqGrid('getCol',4,false);//获取第4列的值  
82.   
83. var col= jQuery("#jqGrid ").jqGrid('getCol','name',false);//获取列名为name的列的值  
84.   
85. 8.如何删除一行或多行  
86.   
87. var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");   
88. $("#gridTable").jqGrid('delRowData', selectedId);  
89.   
90.   
91. 还有以下常用的API，  
92.   
93. Javascript代码  
94. $( "#jqgrid" ).resetSelection();   
95. $( "#jqgrid" ).clearGridData();   
96. $( "#jqgrid" ).setCell(rowid,colname,nData,cssp,attrp);   
97.   
98. </span>  

出处：https://blog.csdn.net/jingmeifeng/article/details/8129414