- <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