1. 程式人生 > >jqGrid設定可編輯單元格為不可編輯狀態

jqGrid設定可編輯單元格為不可編輯狀態

$("#grid-table").jqGrid('setGridParam',{
    	cellEdit:true, 
    	cellsubmit : 'clientArray',
   	 	beforeEditCell : function(rowid,cellname,value,iRow,iCol){
   	 		lastrow = iRow;
   	 		lastcell = iCol;
   	 	},
   	 	onCellSelect : function(rowid,iCol,cellcontent,e){
   	 		var rec =  $("#grid-table").jqGrid('getRowData', rowid);
	  	    if (rec['aybtbj']=='1') {//過濾條件
	          	$("#grid-table").jqGrid('setCell', rowid, 'aybtqdbz', '', 'not-editable-cell');
	          	$("#grid-table").jqGrid('setCell', rowid, 'xbtgz', '', 'not-editable-cell');
	        }
	   	}
    }).trigger("reloadGrid");

重點是:

$("#gridID").jqGrid('setCell', rowid, colname, '', 'not-editable-cell');
rowid:當前行idcolname:列名稱,也可以是列的位置索引,從0開始;data:改變單元格的內容,如果為空則不更新;class:如果是string則會使用addClass方法將其加入到單元格的css中,如果是array則會直接加到style屬性中;這裡的 'not-editable-cell' 就是單元格不可編輯的樣式。

附上jqGrid 中文API地址:http://blog.mn886.net/jqGrid/