将spreadA中的sheet添加到spreadB中，出现样式混乱问题

收藏

您好，我遇到一个这样的问题!!!
将spreadA中的sheet添加到spreadB中，出现样式混乱问题，想知道这个问题咋解决。

如图
image.png943744506.png

tutu · tutu

这是demo，麻烦看一下，谢谢

Lynn.Dou · Lynn.Dou

修改了您提供的demo代码，如下：
image.png26375121.png

var jsonA = spreadA.toJSON();
spreadB.fromJSON(jsonA)

复制代码

最终效果如下图，您看下是否是您期待的效果：
image.png734765319.png

tutu · tutu

本帖最后由 tutu 于 2020-12-4 14:24 编辑

您这种方式处理，会将SpreadA中的sheet覆盖掉，不符合我这边的业务，想知道以添加sheet方式处理，如何解决这个问题。

Lynn.Dou · Lynn.Dou

本帖最后由 lynn512 于 2020-12-4 17:24 编辑

您的需求是复制spreadA的sheet 至 spreadB的某一个sheet 对吗？样式混乱是由于您导入的excel文件使用了大量的名称样式，并全局注册到了spreadA中。
image.png778754577.png

当您导出某个sheet页时，并未携带这些名称样式，所以spreadB中才会出现样式混乱。
具体原理请参考此篇技术博客：https://www.grapecity.com.cn/blogs/sjs-single-sheet-loading
解决方法请参考下方代码：

function openExcel(e){
let File = document.getElementById('fileField').files[0];
let excelIo = new GC.Spread.Excel.IO();
excelIo.open(File, (json) => {
      spreadA.suspendPaint();
      spreadA.fromJSON(json);
      spreadA.resumePaint();
      spreadA.removeSheet(0);
})
}

function addSheetB(e){
var sheetJson = JSON.stringify(spreadA.getSheet(0).toJSON());

spreadB.suspendPaint();
spreadA.getNamedStyles().forEach(function (namedStyle) {
      spreadB.addNamedStyle(namedStyle);
})
spreadB.getSheet(0).fromJSON(JSON.parse(sheetJson));
spreadB.resumePaint();
}

tutu · tutu

好的已经解决，谢谢

Lynn.Dou · Lynn.Dou

您客气了，那本帖就先结贴了，有问题欢迎另开新帖。

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

[已处理] 将spreadA中的sheet添加到spreadB中，出现样式混乱问题

6 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人