渲染异步数据需要手动刷新一次页面才能显示出来。

收藏

本帖最后由 yachu 于 2018-10-17 17:23 编辑

我是在 vue 的项目中使用 spreadjs ，组件的 template 主要代码是:

复制代码

script 脚本主要代码是：

created () {
this.getData()
},
mounted () {
},
methods: {
async getData () {
const { data: res } = await this.$http.get('orguser/org/v1.0/list?status=CONFIRMED')
if (res.status !== 1000000) return this.$message.error(res.message)
this.$message.success(res.message)
let spread = new GC.Spread.Sheets.Workbook($('#ss')[0])
spread.suspendPaint()
let sheet = spread.getActiveSheet()
sheet.autoGenerateColumns = false
sheet.setDataSource(res.data)
sheet.bindColumns(this.columnInfos)
spread.resumePaint()
}
}

复制代码

为什么这样去渲染异步数据第一次进入页面是空的？要再刷新一次才可以。

Clark.Pan · Clark.Pan

您这边 spread.suspendPaint() 没有resume吗？

yachu · yachu

ClarkPan 发表于 2018-10-17 16:26
您这边 spread.suspendPaint() 没有resume吗？

复制代码

有这句代码，上面忘记贴上去了。

yachu · yachu

ClarkPan 发表于 2018-10-17 16:26
您这边 spread.suspendPaint() 没有resume吗？

使用 spreadjs 渲染异步数据的正确姿势应该是怎样的？文档也没找到。

Clark.Pan · Clark.Pan

SpreadJS中根本就没有异步数据的说法，至于数据的渲染方式之前已经跟您说过，在workbookInitialized的回调方法中调用获取spread对象然后调用接口去渲染。

yachu · yachu

ClarkPan 发表于 2018-10-18 12:12
SpreadJS中根本就没有异步数据的说法，至于数据的渲染方式之前已经跟您说过，在workbookInitialized的回调 ...

我按你说的也是不行，第一次打开页面只展示一个空页面。

Clark.Pan · Clark.Pan

我记得之前给您发过demo的，按照这个demo做

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

[已处理] 渲染异步数据需要手动刷新一次页面才能显示出来。