spreadjs学习笔记

憨憨笔记

已于 2022-05-06 13:55:21 修改

阅读量650

点赞数

分类专栏：工作文章标签：学习 javascript typescript

于 2022-05-06 09:35:37 首次发布

本文链接：https://blog.csdn.net/qq_44776709/article/details/115941007

版权

工作专栏收录该内容

2 篇文章 0 订阅

订阅专栏

超链接

HYPERLINK 函数

使用hyperlink函数，导入数据必须使用序列化方式导入，不然的话数据不可跳转。

设置全局默认样式

getDefaultStyle()和setDefaultStyle()

根据api文档

        var sheetStyle = sheet.getDefaultStyle();
        sheetStyle.hAlign=GC.Spread.Sheets.HorizontalAlign.center;
        sheet.setDefaultStyle(sheetStyle);

resumepaint()、suspectpaint()、repaint()

resumepaint()重新渲染
suspectpaint()停止渲染
有的时候表格和数据一起渲染就会很慢，如果先渲染其中一个就suspectpaint() 然后resumepaint()

自适应行高不生效

根据文本内容自定义行高，必须要设置先设置前两个才会生效
wordWrap = true;
this.sheet.setRowResizable(rows[i], true);
this.sheet.autoFitRow(rows[i]);

导出excel

不生效

按钮，超链接，下拉框等不能正确导出
使用 backgroundImage时也不能导出

不可以使用透明色

导出excel 使用透明，导出将会变成黑色
在这里插入图片描述

超链接一个一个单元格渲染速度很慢

解决方法：

  var b1 = new GC.Spread.Sheets.CellTypes.HyperLink();
         b1.text('');
         const that = this;
         b1.onClickAction((cell: any) => {
             const row=cell.row
             that.personProject = [];
             that.dialogVisible = true;
             const idCard = encodeURI(that.data[row - 2].SY_SFZH);
             that.service.queryPersonnelInfo(idCard, that.data[row - 2].SY_XINGMING).then(res => {
                 const result = res.data;
                 if (result.success) {
                     that.personProject = result.data;
                 }
             });
         })；
         this.sheet.getRange(2, 3, this.length, 1).cellType(b1);