自定义单元格类型不支持拖拽填充

这种自定义单元格类型不支持拖拽填充！
var spreadNS = GC.Spread.Sheets;
window.onload = function () {
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
    var sheet = spread.getActiveSheet()
    sheet.setCellType(1, 1, new FivePointedStarCellType())
};
//Custom Cell Type
function FivePointedStarCellType() {
    this.size = 10;
}
FivePointedStarCellType.prototype = new spreadNS.CellTypes.Base();
FivePointedStarCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
    if (!ctx) {
        return;
    }

    ctx.save();

    // draw inside the cell's boundary
    ctx.rect(x, y, w, h);
    ctx.clip();
    ctx.beginPath();

    if (value) {
        ctx.fillStyle = "orange";
    } else {
        ctx.fillStyle = "gray";
    }

    var size = this.size;
    var dx = x + w / 2;
    var dy = y + h / 2;
    ctx.beginPath();
    var dig = Math.PI / 5 * 4;
    ctx.moveTo(dx + Math.sin(0 * dig) * size, dy + Math.cos(0 * dig) * size);
    for (var i = 1; i < 5; i++) {
        ctx.lineTo(dx + Math.sin(i * dig) * size, dy + Math.cos(i * dig) * size);
    }
    ctx.closePath();
    ctx.fill();

    ctx.restore();
};
FivePointedStarCellType.prototype.getHitInfo = function (x, y, cellStyle, cellRect, context) {
    var xm = cellRect.x + cellRect.width / 2,
        ym = cellRect.y + cellRect.height / 2,
        size = 10;
    var info = { x: x, y: y, row: context.row, col: context.col, cellRect: cellRect, sheetArea: context.sheetArea };
    if (xm - size <= x && x <= xm + size && ym - size <= y && y <= ym + size) {
        info.isReservedLocation = true;
    }
    return info;
};
FivePointedStarCellType.prototype.processMouseUp = function (hitInfo) {
    var sheet = hitInfo.sheet;
    if (sheet && hitInfo.isReservedLocation) {
        var row = hitInfo.row, col = hitInfo.col, sheetArea = hitInfo.sheetArea;
        var newValue = !sheet.getValue(row, col, sheetArea);
        var spread = sheet.getParent();
        spread.commandManager().execute({ cmd: "editCell", sheetName: sheet.name(), row: row, col: col, newValue: newValue });
        return true;
    }
    return false;
};

您没有做自定义特性序列化，所以无法拖拽填充，如下图所示，在指定位置设置上typeName即可。
自定义特性序列化详情参考下面的教程：
https://demo.grapecity.com.cn/sp ... erialization/purejs

typeName 其实可以了解为一个索引，通过typeName的设置方便SpreadJS在反序列化的时候可以找到对应自定义属性的实现。type一般来说是在当前前端作用域下方位到对应自定义方法的路径。拖拽的实现也用了响应的机制。

Clark.Pan 发表于 2021-7-7 09:46
您没有做自定义特性序列化，所以无法拖拽填充，如下图所示，在指定位置设置上typeName即可。
自定义特性序 ...

具体实现是指这部分吗？针对对应的typeName返回构造函数？
  var oldFun = GC.Spread.Sheets.getTypeFromString;
    // Private types can not be accessed from window, so override getTypeFromString method.
    GC.Spread.Sheets.getTypeFromString = function(typeString) {
        switch (typeString) {
            case "MyFormatter":
                return MyFormatter;
            case "MyRowFilter":
                return MyRowFilter;
            default:
                return oldFun.apply(this, arguments);
        }
    }

jyjc 发表于 2021-7-7 12:04
具体实现是指这部分吗？针对对应的typeName返回构造函数？
  var oldFun = GC.Spread.Sheets.getTypeFro ...

请参考下面 需要给自定义单元格设置一个typename，当下拉时，如果这个typename与自定义单元格相同，则将这个单元格的类型改为自定义的类型

jyjc 发表于 2021-7-7 12:04
具体实现是指这部分吗？针对对应的typeName返回构造函数？
  var oldFun = GC.Spread.Sheets.getTypeFro ...

typeName 其实可以了解为一个索引，通过typeName的设置方便SpreadJS在反序列化的时候可以找到对应自定义属性的实现。type一般来说是在当前前端作用域下方位到对应自定义方法的路径。拖拽的实现也用了响应的机制。