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”);