V17 部分单元格不可编辑，及只读功能。以及只读单元格添加样式。

问题一：如何设置某一个单元格只读？




当设置为   sheet.options.isProtected = true;  时，整个表单都变得不可编辑。可需求是只要某个单元格只读。


单纯的设置

sheet.getCell(this.sheet.getActiveColumnIndex(), this.sheet.getActiveRowIndex()).locked(true)

并不能让需要的单元格变得只读。


问题二：如何给当前单元格添加一个只读的样式，比如背景色置灰。取消只读功能时，该单元格样式恢复成  设置只读样式   之前的样式。

您好，重新回答下您的第一个问题：
目前对于单元格锁定，推荐的是表单保护的方案：
如果只对一个一个单元格设置锁定。
您可以先设置默认style 如

1. let defaultStyle = new GC.Spread.Sheets.Style()
   
2. defaultStyle.locked = false;
   
3. sheet.setDefaultStyle(defaultStyle)

复制代码

然后对不能编辑的单元格设置锁定，如

1. let lockedStyle = new GC.Spread.Sheets.Style()
   
2. lockedStyle.locked  = true;
   
3. lockedStyle.backColor = 'pink'
   
4. sheet.getRange(-1,0,-1,3).setStyle(lockedStyle)

复制代码

上面的代码只是对前四列单元格设置锁定，其他单元格可以正常编辑
最后还需要加上

1. sheet.options.isProtected = true;

复制代码

如果上述方案不能满足您的需求，再来看监听事件的方式，
https://demo.grapecity.com.cn/sp ... C%E7%BC%96%E8%BE%91
监听事件，如果是您不想编辑的单元格，则args.cancel = true;
在这篇文章中，提到了EditStarting事件，同样，如果有复制粘贴的业务场景，您还需要监听粘贴事件clipboardpasting去阻止粘贴，
或者是行高列宽事件，监听columnchanging事件阻止列宽改变事件等。

监听的事件较多，您可以参考Events
https://demo.grapecity.com.cn/sp ... pread.Sheets.Events
除此之外，del键可以删除单元格内容，但是EditStarting事件无法监听到del键。需要用RangeChanged事件去监听，del删除或者是右键菜单中“清除内容”的操作。但是RangeChanged无法对删除操作进行撤销，需要重写del键。
需要参考这篇文章
https://gcdn.grapecity.com.cn/showtopic-200322-1-1.html

您可以根据上面内容，具体评估方案。

您好，问题一，可以参考下面的文章解决：
https://demo.grapecity.com.cn/sp ... C%E7%BC%96%E8%BE%91

监听事件，如果是您不想编辑的单元格，则args.cancel = true;

问题二：如果是在表单保护状态下，可以根据单元格状态设置 只读的样式。此时并不需要判断哪个单元格只读，也不需要保存单元格变为只读样式 之前的背景色。
https://demo.grapecity.com.cn/sp ... introduction/purejs


如果您用上面提供的方案的话，需要将单元格的背景色提前保存下来，当只读时，设置只读样式，当可以编辑时，获取提前保存的样式，进行重置。

Ellia.Duan 发表于 2024-6-6 16:55
您好，问题一，可以参考下面的文章解决：
https://demo.grapecity.com.cn/spreadjs/help/docs/faqs/EventR ...

1. this.sheet.bind(GC.Spread.Sheets.Events.EditStarting, (sender, args) => {
   
2. // 判断如果是不能编辑的单元格，则执行以下代码
   
3. if (!this.sheet.getCell(args.col, args.row).locked()) {
   
4. args.cancel = true;
   
5. }
   
6. });

复制代码

通过这段代码，可以实现禁用某个单元格的效果，但该代发，是否无法与（以下代码）rendonly代码兼容

1. // var style = new GC.Spread.Sheets.Style();
   
2.             // style.backColor = 'blue';
   
3.             // var range = new GC.Spread.Sheets.Range(0, 0, 1, 1);
   
4.             // this.sheet.cellStates.add(range, GC.Spread.Sheets.CellStatesType.readonly, style);

复制代码

也就是说，通过监听单元格，判断 cancel  为true 的方式可以达到禁用单元格的效果，但貌似该方式下，readonly 不生效。

不好意思，关于第二个问题，我给您提供了两种方案，
第一种是表单保护的方案：即设置locked后，设置sheet.options.isProtected = true; 此种方案可以设置单元格状态（readonly）
第二种方案是针对您的第一个问题，使用事件监听设置单元格是否编辑，此时由于没有设置表单保护，所以单元格状态的方案不可用。

Ellia.Duan 发表于 2024-6-6 17:42
不好意思，关于第二个问题，我给您提供了两种方案，
第一种是表单保护的方案：即设置locked后，设置sheet. ...

了解了您的意思，但我发现一个奇奇怪怪的问题；


首先我在刚进入的 designerInitialized 回调方法中使用   sheet.options.isProtected = true;  保护表单，然后根据需求，把所有的单元格进行 locked 进行false处理。

1. <span style="color: rgb(81, 81, 81); background-color: rgb(255, 255, 255);">sheet.options.isProtected = true;       </span>

复制代码

然后再添加右键的方法中，使用如下所示代码，进行部分 locked 为 true

1. let designerConfig = GC.Spread.Sheets.Designer.DefaultConfig;
   
2. designerConfig.commandMap["disableCell"] = {
   
3.                 text: "设置为只读",
   
4.                 commandName: "disableCell",
   
5.                 execute: () => {
   
6. 
   
7.                     var selections = this.sheet.getSelections()[0];
   
8.                     if (this.sheet.getCell(selections.row, selections.col).locked() == true) {
   
9.                         console.log('取消操作')
   
10.                         this.sheet.getRange(selections.row, selections.col, selections.rowCount, selections.colCount).locked(false);
    
11.                     } else {
    
12.                         console.log('添加操作')
    
13.                         this.sheet.getRange(selections.row, selections.col, selections.rowCount, selections.colCount).locked(true);
    
14.                         var style = new GC.Spread.Sheets.Style();
    
15.                         style.backColor = 'blue';
    
16.                         this.sheet.cellStates.add(selections, GC.Spread.Sheets.CellStatesType.readonly, style);
    
17.                     }
    
18.                 }
    
19.             };
    
20.             designerConfig.contextMenu.push("disableCell");

复制代码

但是以上方法，再多次毫无规律的点击下，设置的背景蓝色，莫名其妙的消失，而后又毫无规律的出现。

请问，该问题如何解决

您好，设置只读单元格样式的相关代码，不需要每次都设置，


如下动图所示，为整个sheet设置只读单元格状态，

在设置只读单元格状态后，再次设置锁定单元格，此时发现只设置locked属性，但是样式生效，如下图所示


此外，再重设locked时，需要关闭表单保护，再设置locked之后，再开启表单保护。

1. sheet.options.isProtected = false;
   
2. sheet.getCell(5,5).locked(true)
   
3. sheet.options.isProtected = true;

复制代码

Ellia.Duan 发表于 2024-6-7 10:40
您好，设置只读单元格样式的相关代码，不需要每次都设置，

根据您提供的办法做了演示，但是设置的蓝色只读状态，还是会莫名其妙的消失，又突然出现。


根本问题没有解决。V17.0.10版本。


另外，再不设置表单保护，使用以下方法，锁定单元格时，有没有对应的单元格只读样式的设置。类似于 readonly 一样

1. // this.sheet.bind(GC.Spread.Sheets.Events.EditStarting, (sender, args) => {
   
2.             //     // 判断如果是不能编辑的单元格，则执行以下代码
   
3.             //     if (!this.sheet.getCell(args.col, args.row).locked()) {
   
4.             //         args.cancel = true;
   
5.             //     }
   
6.             // });

复制代码

关于蓝色背景消失的问题，您可以提供一个复现问题的demo ，上传上来，具体调研下。
关于第二个问题，思路就是为锁定单元格设置样式。

Ellia.Duan 发表于 2024-6-7 12:02
关于蓝色背景消失的问题，您可以提供一个复现问题的demo ，上传上来，具体调研下。
关于第二个问题，思路 ...

ssjson文件不是给你们了吗