1. 程式人生 > >jqGrid 操作總結

jqGrid 操作總結

1,刪除資料
$(“#jqGrid”).jqGrid(‘delRowData’,id);
id:主鍵
不會從伺服器端刪除資料

2,編輯資料
$(“#jqGrid”).jqGrid(‘editRow’, id);
id:主鍵

儲存資料
$(“#jqGrid”).jqGrid(‘saveRow’, id, false, ‘clientArray’);
//clientArray 屬性會將資料儲存到jqgrid不提交伺服器

//編輯多條同時儲存
var i = 0;
var ids = new Array();
 //修改按鈕事件
function btn_editRow(id) {
i++;
ids[i] = id;
jQuery("#table"
).jqGrid('editRow', id); }; //儲存按鈕事件 function btn_save() { for (var j = 0; j < ids.length; j++) { //clientArray 屬性會將資料儲存到jqgrid不提交伺服器 jQuery("#table").jqGrid('saveRow', ids[j], false, 'clientArray'); }; };

3,獲取指定行資料
$(“#jqGrid”).jqGrid(‘getRowData’, id);

4,新增資料
$(“#jqGrid”).jqGrid(‘addRowData’,id,data, position, srcrowid);
id為新行的id,data為新行的資料,position為新增行的位置,srcrowid為新增行的參考位置。data資料格式:{name1:value1,name2: value2…} name為在colModel中指定的名稱

5,更新行資料
$(“#jqGrid”).jqGrid(‘setRowData’, rowid,data, cssprop);
更新行的值,rowid為行id。data值格式:{name1:value1,name2: value2…} name為colModel中名稱;cssprop:如果是string則會使用addClass方法將其加入到行的css中,如果是array或者物件 則會直接加到style屬性中

6,新增新列
$(“#jqGrid”).jqGrid(‘setLabel’, colname, data, class, properties);
給指定列設定一個新的顯示名稱。colname:列名稱,也可以是列的位置索引,從0開始;data:列顯示名稱,如果為空則不修改;class:如果是 string則會使用addClass方法將其加入到單元格的css中,如果是array則會直接加到style屬性中;properties:設定 label的屬性

7,重新載入jqGrid
$(“#jqGrid”).trigger(“reloadGrid”);