找回密码
 立即注册

QQ登录

只需一步,快速开始

yachu

初级会员

12

主题

50

帖子

217

积分

初级会员

积分
217
yachu
初级会员   /  发表于:2018-9-28 16:55  /   查看:7722  /  回复:21
在 vue 组件中的跟数据中定义一个变量,在异步ajax方法中将返回的数据赋值给根数据的一个变量,
再用属性绑定给worksheet指定dataSource,数据显示不出来。
vue 版本和 spreadjs 版本分别如下。
"vue": "^2.5.2","@grapecity/spread-sheets-vue": "^11.2.5",

附代码:
// template 代码
<gc-worksheet :dataSource="testData">

// 组件根数据
testData:[]

async getData () {
  const { data:res } = await this.$http.get('orguser/org/v1.0/list?status=CONFIRMED')
  console.log(res,'getData-res')
  if(res.status !== 1000000) return this.$message.error(res.message)
  this.$message.success(res.message)
  this.testData = res.data
  console.log(this.testData,'this.testData')
}








21 个回复

正序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-1-17 17:09:33
22#
红发香克斯 发表于 2020-1-17 16:56
talk is cheap, show me the code.

感谢分享,这对后来的小伙伴非常有价值!1000金币奖励!
回复 使用道具 举报
红发香克斯
注册会员   /  发表于:2020-1-17 16:58:38
21#
红发香克斯 发表于 2020-1-17 16:56
talk is cheap, show me the code.

以上代码是根据本人的业务来传参的,请具体修改
回复 使用道具 举报
红发香克斯
注册会员   /  发表于:2020-1-17 16:56:06
20#
talk is cheap, show me the code.

  1. import axios from 'axios'

  2. export default class LoadData {
  3.   constructor(method, url, params) {
  4.     this.config = { method, url }
  5.     if (method === 'get') this.config.params = { ...params }
  6.     if (method === 'post') this.config.data = { ...params }
  7.   }

  8.   getData() {
  9.     return new Promise(resolve => {
  10.       axios(this.config).then(res => {
  11.         resolve(res.data)
  12.       })
  13.     })
  14.   }
  15. }


  16. // 获取后端的数据
  17. loadData() {
  18.   let params = {
  19.     // projectId: this.projectId
  20.     projectId: 145,
  21.     // fuzzy: '',
  22.   }

  23.   let load = new LoadData(
  24.     'get',
  25.     API.whole_stationPlan_externalPro,
  26.     params
  27.   )
  28.   load.getData().then(json => {
  29.     console.log(json.obj)
  30.     this.spreadDataSource = [...json.obj]
  31.   })
  32. },
复制代码

评分

参与人数 1金币 +1000 收起 理由
KevinChen + 1000 很给力!

查看全部评分

回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-10-9 15:10:27
19#
好的,本帖结帖处理了,新帖中回复。
回复 使用道具 举报
yachu
初级会员   /  发表于:2018-10-9 14:53:01
18#
ClarkPan 发表于 2018-10-8 17:15
不客气,有什么问题欢迎另开新帖进行询问。

好的,有问题了,这就开新帖。
回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2018-10-8 17:15:43
17#
不客气,有什么问题欢迎另开新帖进行询问。
回复 使用道具 举报
yachu
初级会员   /  发表于:2018-10-8 17:10:41
16#
ClarkPan 发表于 2018-10-8 15:47
您的需求就是手动进行绑定信息的设置,参考附件demo
使用方式和正常的js框架的方式相同,参考
https://de ...

问题解决啦!非常感谢!
回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2018-10-8 15:47:29
15#
您的需求就是手动进行绑定信息的设置,参考附件demo
使用方式和正常的js框架的方式相同,参考
https://demo.grapecity.com.cn/Sp ... s/sheetLevelBinding

User.vue

2.43 KB, 下载次数: 63

回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2018-10-8 12:27:35
14#
您的回复没有丢失,在上面写着呢,我看一下您的demo再给您回复。
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部