自定义单元格实现将空值(null)显示为-

背景：客户希望在表单中空单元格上显示"-"，以表示该单元格无值且不能修改。原理：自定义单元格的paint方法中判断是否为空，如为空则渲染为"-"，这样不会更改单元格的真实值。

核心代码（完整示例参考附件）：

1. var spreadNS = GC.Spread.Sheets;
   
2.     window.onload = function () {
   
3.         var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
   
4.         initSpread(spread);
   
5.     };
   
6. 
   
7.     function ShowValueCellType() {
   
8.     }
   
9.     ShowValueCellType.prototype = new spreadNS.CellTypes.Text();
   
10.     ShowValueCellType.prototype.paint = function (ctx, value, x, y, w, h, style, options) {
    
11.         if (value === null || value === undefined) {
    
12.             value = "-";
    
13.         }
    
14.                 spreadNS.CellTypes.Base.prototype.paint.apply(this, [ctx, value, x, y, w, h, style, options]);
    
15.     };
    
16.    
    
17.     function initSpread(spread) {
    
18.         var sheet = spread.getSheet(0);
    
19.         sheet.suspendPaint();
    
20. 
    
21.         sheet.setRowCount(8);
    
22.         sheet.setColumnCount(10);
    
23. 
    
24.         sheet.setValue(0,0, "值1", GC.Spread.Sheets.SheetArea.colHeader);
    
25.         sheet.setValue(0,1, "值2", GC.Spread.Sheets.SheetArea.colHeader);
    
26.         sheet.setValue(0,2, "值1+值2", GC.Spread.Sheets.SheetArea.colHeader);
    
27. 
    
28.         for(var i=0; i<sheet.getRowCount()-1; i++){
    
29.             sheet.setValue(i, 0, i);
    
30.             sheet.setValue(i, 1, sheet.getRowCount() - i);
    
31.             var j = i+1;
    
32.             sheet.setFormula(i, 2, "=A"+j+"+B"+j);
    
33.             sheet.setValue(i, 2, i+1);
    
34.         }
    
35.         sheet.getRange(0,0,sheet.getRowCount(),sheet.getColumnCount()).cellType(new ShowValueCellType());
    
36.         sheet.setFormula(7, 2, "=A8+B8");
    
37. 
    
38.         sheet.resumePaint();
    
39. 
    
40.     };

复制代码