jqGrid设置可编辑单元格为不可编辑状态

最新推荐文章于 2022-05-30 10:27:50 发布

盲目奔波

最新推荐文章于 2022-05-30 10:27:50 发布

阅读量1.6w

点赞数 2

CC 4.0 BY-SA版权

文章标签： jquery jqgrid

本文链接：https://blog.youkuaiyun.com/zs492761271/article/details/53695989

$("#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：当前行id；colname：列名称，也可以是列的位置索引，从0开始；data：改变单元格的内容，如果为空则不更新；class：如果是string则会使用addClass方法将其加入到单元格的css中，如果是array则会直接加到style属性中；这里的 'not-editable-cell' 就是单元格不可编辑的样式。

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