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太重了,有很多操作,数据量少可以使用。

相关推荐
宋辰月21 分钟前
学习react第三天
前端·学习·react.js
bug总结24 分钟前
更新原生小程序封装(新增缓存订阅)完美解决
前端·缓存·小程序
5335ld1 小时前
后端给的post 方法但是要求传表单数据格式(没有{})
开发语言·前端·javascript·vue.js·ecmascript
二川bro1 小时前
第33节:程序化生成与无限地形算法
前端·算法·3d·threejs
QDKuz1 小时前
掌握Vue2转Vue3, Options API 转 Composition API
前端·javascript·vue.js
老前端的功夫1 小时前
前端Echarts性能优化:从卡顿到流畅的百万级数据可视化
前端·javascript
进击的野人1 小时前
深入解析localStorage:前端数据持久化的核心技术
前端·javascript
懵圈1 小时前
第2章:项目启动 - 使用Vite脚手架初始化项目与工程化配置
前端
Mh1 小时前
如何优雅的消除“if...else...”
前端·javascript
火鸟21 小时前
给予虚拟成像台尝鲜版十之二,完善支持 HTML 原型模式
前端·html·原型模式·通用代码生成器·给予虚拟成像台·快速原型·rust语言