<span style="font-size:18px;">var id = $("#newstable").jqGrid("getGridParam", "selrow"); //單行 var selectedId = $("#newstable").jqGrid("getGridParam", "selarrrow"); //多行 jqgrid使用：常用屬性用法和含義 1. 如何擷取grid選中的行的ID。 Javascript代碼 var rowid = $( "#searchResultList" ).getGridParam( "selrow" ); var rowid = $("#searchResultList").getGridParam("selrow"); 2. 如何在表格中動態增加一行資料。 Javascript代碼 //$("#jqgrid").addRowData(rowId, data, pos, idx); //pos可以為[first,last,before,after],為後兩者是需要指定相對的行ID $( "#jqgrid" ).addRowData( "1" , { "name" : "test" , "age" :12}, "first" ); //$("#jqgrid").addRowData(rowId, data, pos, idx); //pos可以為[first,last,before,after],為後兩者是需要指定相對的行ID $("#jqgrid").addRowData("1", {"name":"test","age":12}, "first"); 3. 如何動態修改某行的資料內容，如某幾列的值。 Javascript代碼 //setRowData( rowid, data ); $( "#jqgrid" ).setRowData( "1" , { tax: "5" , total: "205" }); //setRowData( rowid, data ); $("#jqgrid").setRowData( "1", { tax:"5", total:"205" }); 4. jqgrid的常用屬性。 Javascript代碼 $( "#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) {} }); $("#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. 擷取某一行的資料對象。 Javascript代碼 var rowid = $( "#searchResultList" ).getGridParam( "selrow" ); var rowData = $( "#searchResultList" ).getRowData(rowid); var rowid = $("#searchResultList").getGridParam("selrow"); var rowData = $("#searchResultList").getRowData(rowid); 6. 如何使用API動態修改選中的行。 Javascript代碼 //true:重新載入表格式資料, false:不重新載入表格式資料 $( "#jqGrid" ).setSelection( "1" , true ); //true:重新載入表格式資料, false:不重新載入表格式資料 $("#jqGrid").setSelection("1", true); 7.如何擷取某一列的值 Javascript代碼 var col= jQuery("#jqGrid ").jqGrid('getCol',4,false);//擷取第4列的值 var col= jQuery("#jqGrid ").jqGrid('getCol','name',false);//擷取列名為name的列的值 8.如何刪除一行或多行 var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow"); $("#gridTable").jqGrid('delRowData', selectedId); 還有以下常用的API， Javascript代碼 $( "#jqgrid" ).resetSelection(); $( "#jqgrid" ).clearGridData(); $( "#jqgrid" ).setCell(rowid,colname,nData,cssp,attrp); </span>
出處：https://blog.csdn.net/jingmeifeng/article/details/8129414
