请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步，快速开始

AI搜索
首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

littleknife

金牌服务用户

243

主题

562

帖子

2287

积分

金牌服务用户

积分
2287
最新发帖

[已处理] react项目中，如何当前表单获取所在的canvas

littleknife
金牌服务用户   /  发表于：2019-12-3 14:35  /   查看：5080  /  回复：6
10金币
请问，react项目中，如何当前表单获取所在的canvas。
用下面这种方法，如果界面存在两个spread的时候就会有问题，获取到总是第一个canvas


我要怎么把id传到canvas的宿主元素上呢？
因为我这边使用下面的组件的形式引入spread的，没有自己的div，是直接用< SpreadSheets />组件
  1. import { SpreadSheets } from '@grapecity/spread-sheets-react'
复制代码

如果不传id的话，我要怎么获取对应的canvas呢

附件: 您需要 登录 才可以下载或查看，没有帐号？立即注册

最佳答案

KevinChen

查看完整内容

可以按以下步骤尝试获取对应的canvas： 1、先通过回调函数workbookInitialized获取到对应的workbook对象； 2、通过spread.getHost()拿到workbook所在的div： https://demo.grapecity.com.cn/spreadjs/help/v12/content/webframe.html#SpreadJS~GC.Spread.Sheets.Workbook~getHost.html 3、利用div.querySelector("canvas")再结合react的findDOMNode拿到对应的canvas.

6 个回复

最佳答案
最佳答案
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2019-12-3 14:35:04
来自 5#
可以按以下步骤尝试获取对应的canvas：

1、先通过回调函数workbookInitialized获取到对应的workbook对象；

2、通过spread.getHost()拿到workbook所在的div：

https://demo.grapecity.com.cn/sp ... rkbook~getHost.html

3、利用div.querySelector("canvas")再结合react的findDOMNode拿到对应的canvas.
回复 使用道具 举报
Fiooona
论坛元老   /  发表于：2019-12-3 18:03:57
2#
可以试试在< SpreadSheets >标签中添加id
组件化表格编辑器（预览版）试用进行中，点击了解详情！
请点击评分，对我的服务做出评价！5分为非常满意！
回复 使用道具 举报
littleknife
金牌服务用户   /  发表于：2019-12-3 18:59:49
3#
Fiooona 发表于 2019-12-3 18:03
可以试试在< SpreadSheets >标签中添加id

这个试过了，并不会传到canvas元素上面去
回复 使用道具 举报
littleknife
金牌服务用户   /  发表于：2019-12-3 19:07:12
4#
本帖最后由 littleknife 于 2019-12-3 19:08 编辑
littleknife 发表于 2019-12-3 18:59
这个试过了，并不会传到canvas元素上面去

回复 使用道具 举报
littleknife
金牌服务用户   /  发表于：2019-12-5 14:45:20
6#
KevinChen 发表于 2019-12-4 14:30
可以按以下步骤尝试获取对应的canvas：

1、先通过回调函数workbookInitialized获取到对应的workbook对象 ...

回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2019-12-5 16:12:13
7#
谢谢反馈，帖子结贴，有新的问题欢迎发新帖交流~
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
返回顶部