LuckySheet后端传被依赖数据和公式前端进行测算示例

LuckySheet前端测算

后端将数据和公式返给前端,前端进行计算,消耗的是本地浏览器的资源,LuckySheet官方文档并没有相关文档来说明前端和后端重新计算的案例。通过摸索相关代码如下:

js 复制代码
hook: {workbookCreateAfter: function(json){
        json.data.forEach((item, index) => {
          luckysheet.setSheetActive(item.order);
          item.celldata.forEach(o => {
            if (o.v.f !== null && o.v.f !=undefined &&o.v.f !=''){
              luckysheet.setCellValue(o.r, o.c, {'f': o.v.f})
            }
          })
        })
        luckysheet.refreshFormula()
      }
    },
  }

通过LuckySheet的回调函数workbookCreateAfter,WookBook创建之后将值重新刷新覆盖,json中包含的格子的全部数据,需要将只将公式set回去即可,luckysheet.setCellValue(o.r, o.c, {'f': o.v.f,'vt':o.v.vt }) 这段代码是重点。但是如果公式特别大,导致前端计算和渲染特别慢,慢的原因是luckysheet.setCellValue太重了,有很多操作,数据量少可以使用。

相关推荐
患得患失9499 分钟前
【前端】【Echarts】ECharts 词云图(WordCloud)教学详解
前端·javascript·echarts
快起来别睡了23 分钟前
React 是如何用 JSX 写页面,却能被浏览器执行的?——Babel 的魔法解析
前端
喧星Aries34 分钟前
进程调度的时机,切换与过程方式(操作系统OS)
java·服务器·前端·操作系统·进程调度
海底火旺35 分钟前
useState:批处理与函数式更新
前端·react.js·面试
亿万托福38 分钟前
数字世界的构筑之艺:前端技术栈的浅描与远瞻
前端
用户408128120038138 分钟前
JWT 和 token 区别
前端
盏茶作酒2939 分钟前
打造自己的组件库(三)打包及发布
前端·vue.js
单休好_好就好在比双休少一天40 分钟前
Vite打包从12.17M -> 7.95M,速度提升≈51.85%
前端·javascript
yinke小琪40 分钟前
JavaScript DOM内容操作常用方法和XSS注入攻击
前端·javascript
归于尽40 分钟前
从 TodoList 看自定义 Hook 的设计思想
前端