前言:我们都知道,锁定 Cell,即为用户在前台不能更改这个 Cell 的值,同时终端用户不能编辑这个单元格(可以复制)。 早期的 Spread ,用户可以通过前台 JS 代码更改锁定 Cell 的值,但是某些用户提出,这个功能导致锁定功能不完善,所以在近期的 Spread 版本中得到了更改。但是 Spread 控件使用广泛,有很多用户还是希望可以通过前台 JS 代码改变 锁定 Cell 的值。
下面,我们就通过代码逐步演示如何通过 JS 编辑 锁定 Cell 值。
1.我先在后台设置第一列 Locked 属性为 true。
注意:在这里需要提醒大家,如果 SheetView 表单的 Protected 为 false (此属性默认值为 true) ,Locked 设置无效。
this.FpSpread1.ActiveSheetView.Columns[0].Locked = true; 复制代码
2.在前台添加 HTML Button,同时添加 Button1_onclick 事件 ,用来触发改变锁定 Cell 的值。
3.在 Button1_onclick 事件中如下代码,即可实现锁定 Cell 值的编辑。
<script type="text/javascript"> function Button1_onclick() { var cell = FpSpread1.GetCellByRowCol(0, 0); cell.removeAttribute("FpCellType"); FpSpread1.SetValue(0, 0, "setvalue", true); cell.setAttribute("FpCellType","readonly"); FpSpread1.UpdatePostbackData(); } </script> 复制代码
好了,仅仅需要以上三个步骤,我们就可以轻松改变锁定 Cell 的值了~