自定义单元格——插入签名图片

背景： 用户需要在单元格中插入使用者的签名图片，需要双击单元格时弹框输入用户名密码，通过校验后将查询到的签名图片插入单元格内。
实现效果图：

关键代码：

1. function SWSignCellType(items, size, isHorizontal) {
   
2.     this.typeName = "SWSignCellType";
   
3.     this.size = size || 10;
   
4. }
   
5. SWSignCellType.prototype = new GC.Spread.Sheets.CellTypes.Base();
   
6. SWSignCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
   
7.     style = style || new GC.Spread.Sheets.Style();//默认格式
   
8.     if (value) {
   
9.         // 双击弹窗，用户名密码正确从后端获取图片/数据地址，这里分析返回的数据，拿到图片,设置style.backgroundImage
   
10.         var signInfo = value.split("@@");
    
11.         var newValue = signInfo[1];//日期
    
12.         var signPic = signInfo[2];// 图片地址
    
13. 
    
14.         style.hAlign = GC.Spread.Sheets.HorizontalAlign.right;
    
15.         style.vAlign = GC.Spread.Sheets.VerticalAlign.center;
    
16.         style.backgroundImage = signPic;
    
17.         style.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.none;
    
18.         style.diagonalUp = undefined;
    
19. 
    
20.         spreadNS.CellTypes.Base.prototype.paint.apply(this, [ctx, newValue, x, y, w, h, style, context]);
    
21.     } else {
    
22.         style.diagonalUp = new GC.Spread.Sheets.LineBorder("black", GC.Spread.Sheets.LineStyle.thin);
    
23.         spreadNS.CellTypes.Base.prototype.paint.apply(this, [ctx, "", x, y, w, h, style, context]);
    
24.     }
    
25. };
    
26. var swSignCellTypeDialog;
    
27. SWSignCellType.prototype.createEditorElement = function () {
    
28.     if (swSignCellTypeDialog === undefined) {
    
29.         swSignCellTypeDialog = new designer.SWSignCellTypeDialog();
    
30.     }
    
31.     swSignCellTypeDialog.open();
    
32. };
    
33. SWSignCellType.prototype.isReservedKey = function (e) {
    
34.     //cell type handle tab key by itself
    
35.     return (e.keyCode === GC.Spread.Commands.Key.tab && !e.ctrlKey && !e.shiftKey && !e.altKey);
    
36. };
    
37. SWSignCellType.prototype.isEditingValueChanged = function (oldValue, newValue) {
    
38.     return oldValue == newValue;
    
39. };

复制代码