如何高亮显示编辑过的单元格

很多同学在开发中会需要高亮编辑过的单元格，对于这个需求，可以直接使用单元格状态（https://demo.grapecity.com.cn/sp ... introduction/purejs）来实现：




除了Dirty，还有很多其他的方式可以使用，这里主要介绍编辑过的单元格，即Dirty。

1. window.onload = function () {
   
2.   let designerConfig = JSON.parse(
   
3.     JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
   
4.   );
   
5. 
   
6.   let designer = new GC.Spread.Sheets.Designer.Designer(
   
7.     "gc-designer-container",
   
8.     designerConfig
   
9.   );
   
10. 
    
11.   let spread = designer.getWorkbook();
    
12. 
    
13.   let sheet = spread.getActiveSheet();
    
14. 
    
15.   document.querySelector("#button1").addEventListener("click", function () {
    
16.     var style = new GC.Spread.Sheets.Style();
    
17.     style.backColor = "yellow";
    
18. 
    
19.     sheet.cellStates.add(
    
20.       new GC.Spread.Sheets.Range(
    
21.         0,
    
22.         0,
    
23.         sheet.getRowCount(),
    
24.         sheet.getColumnCount()
    
25.       ),
    
26.       GC.Spread.Sheets.CellStatesType.dirty,
    
27.       style
    
28.     );
    
29.   });
    
30. 
    
31.   document.querySelector("#button2").addEventListener("click", function () {
    
32.     sheet.cellStates.clear(
    
33.       new GC.Spread.Sheets.Range(
    
34.         0,
    
35.         0,
    
36.         sheet.getRowCount(),
    
37.         sheet.getColumnCount()
    
38.       ),
    
39.       GC.Spread.Sheets.SheetArea.viewport
    
40.     );
    
41.     sheet.repaint();
    
42.   });
    
43. };

复制代码

以上代码中提供了两个按钮，用于控制显示和隐藏高亮效果，另外需要注意的是，在取消后需要使用repaint接口重绘，否则不会立刻生效。


除了Dirty以外，如果想要实现其他的一些效果，比如选中、编辑等也都可以通过上面代码的方式来实现。