SpreadJS觉得怪异的地方

收藏

假设有三个单元格，首先我获取了第一个单元格的样式，后两个单元格类型都为下拉形式的单元格。

然后我直接使用setStyle把前面获取到的样式设置给后两个单元格

当我改变后两个单元格中的其中一个为文本类型，另外一个也会受到影响变为文本类型。

这个设计让我有点儿迷惑。

KevinChen · KevinChen

您好，您描述的这种情况，我这边没能重现，

麻烦您提供一下能重现问题的代码，顺带附上Spread JS的完整版本号（例如V12.0.6）

ccooder · ccooder

本帖最后由 ccooder 于 2019-2-1 17:24 编辑

KevinChen 发表于 2019-2-1 16:58
您好，您描述的这种情况，我这边没能重现，

麻烦您提供一下能重现问题的代码，顺带附上Spread JS的完整 ...

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SpreadJS</title>
<link rel="stylesheet" href="gc.spread.sheets.excel2016colorful.12.0.0.css"/>
</head>
<body>
<div id="spread" style="position:absolute; top:0; left:0;width:100%; height:100%;border: 1px solid gray;"></div>
<script src="gc.spread.sheets.all.12.0.0.min.js"></script>
<script src="gc.spread.sheets.resources.zh.12.0.0.min.js"></script>
<script src="jquery-3.3.1.js"></script>
<script>
window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('spread'), {sheetCount: 1});
// var spread = GC.Spread.Sheets.findControl("spread");
var spreadNS = GC.Spread.Sheets;
var combo = new spreadNS.CellTypes.ComboBox();
combo.items([{text: "Red", value: "1"}, {text: "Green", value: "2"}, {text: "Blue", value: "3"}, {
text: "White",
value: "4"
}])
.editorValueType(spreadNS.CellTypes.EditorValueType.value);
var sheet = spread.getActiveSheet();
sheet.getRange(1, 2).cellType(combo);
sheet.getCell(1, 2, spreadNS.SheetArea.viewport).cellType(combo).value("Apples");
sheet.copyTo(1, 0, 2, 0, 1, 4, GC.Spread.Sheets.CopyToOptions.all);
sheet.copyTo(1, 0, 3, 0, 1, 4, GC.Spread.Sheets.CopyToOptions.all);
var style = sheet.getStyle(1, 2);
style.backColor = '#C3C7CB';
style.locked = true;
sheet.setStyle(2, 2, style, GC.Spread.Sheets.SheetArea.viewport);
sheet.setStyle(3, 2, style, GC.Spread.Sheets.SheetArea.viewport);
sheet.setCellType(1, 2, null);
}
</script>
</body>
</html>

复制代码

版本V12.0.0这个代码运行会发现我只设置了第一行的Combox为普通的文本，但是其他的都变了
如果把设置样式的去掉的话就没有这个问题

KevinChen · KevinChen

您好，您描述的问题我这边已经重现了，

正如您所说，这是Spread JS的设计，也并非产品的bug，

单元格的样式是与单元格类型相关的，因此在此创建了一个引用关系，

实际上您在获取1,2位置的style时，拿到了样式同时也拿到了单元格格式，

赋值给2，2和2，3后，相当于此时这三个单元格共享了一个单元格格式对象。

在执行sheet.setCellType(1, 2, null);后，Spread JS做了内存回收处理，

因此2,2和2，3的单元格格式也不见了。

根据以上的分析，相信您对格式与样式的关系有了一定的了解，

请编码时尽量避免这种写法。

ccooder · ccooder

KevinChen 发表于 2019-2-1 17:56
您好，您描述的问题我这边已经重现了，

正如您所说，这是Spread JS的设计，也并非产品的bug，

OK,谢谢

KevinChen · KevinChen

不客气

		自动登录	找回密码
密码			立即注册

[已处理] SpreadJS觉得怪异的地方

5 个回复

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证