【jQuery】jqgrid根据条件，动态设置单元格是否可编辑

最新推荐文章于 2025-07-27 11:01:16 发布

原创最新推荐文章于 2025-07-27 11:01:16 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #前端 #javascript

前端同时被 2 个专栏收录

46 篇文章

订阅专栏

jquery

12 篇文章

订阅专栏

本文介绍了一种在表格应用中实现单元格编辑权限的方法。通过判断单元格内容是否包含特定字段来决定是否允许用户编辑该单元格。具体实现方式是在双击事件中检查单元格内容，并根据内容决定其编辑状态。

由于我们的表格是双击单元格进入编辑状态，因此在双击事件中进行判断。

ondblClickRow: function(rowid, iRow, iCol, e){
			//拿到当前单元格的内容
			var dblTd = gridId + " tr:nth-child(" + (iRow + 1) + ") td:nth-child("+(iCol+1)+")";
			var htmlStr = $(dblTd).html();
			//根据内容中是否存在某个字段进行判断
			if(htmlStr.indexOf('xxx') > 0){
		    	  $(gridId).editCell(iRow, iCol, false);//不可编辑
		      }else{
		    	  $(gridId).editCell(iRow, iCol, true);//进入编辑状态
		      }
		},