React如何设置行高？

收藏

在React中如何设置行高？ 60E3F%B(QS$KBCVO5G7)(71.png

Clark.Pan · Clark.Pan

react中
是按照列来抽象的，没有对row做抽象。
可以用另外一种方式：先获取spread实例，然后再按JS的方式来调整行高
http://help.grapecity.com/spread ... heetswithReact.html

PlusNie · PlusNie

ClarkPan 发表于 2018-9-7 19:10
react中
是按照列来抽象的，没有对row做抽象。
可以用另外一种方式：先获取spread实例，然后再按JS的方式 ...

能说的再仔细一些吗，我看了你的链接地址，其中写的是Spread.Sheets如何在react中和传统html中的使用，没有可以改变行高的方法。

Clark.Pan · Clark.Pan

react原生中没有行高的设置，因为dom模板中是gc-column这样一列一列设置的。
所以要设置行高，只能在react中用原生的接口去设置。（获取spread对象，然后通过spread对象获取sheet对象，最后用sheet.setRowHeight()来设置）

PlusNie · PlusNie

ClarkPan 发表于 2018-9-10 14:17
react原生中没有行高的设置，因为dom模板中是gc-column这样一列一列设置的。
所以要设置行高，只能在react ...

在react中使用原生接口设置，如何获取spread对象，有文档或方法吗？

Clark.Pan · Clark.Pan

用var spread = GC.Spread.Sheets.findControl(document.getElementById('ss')); 来获得spread对象，然后再做对应操作。

PlusNie · PlusNie

本帖最后由 PlusNie 于 2018-9-11 09:35 编辑

ClarkPan 发表于 2018-9-10 18:12
用var spread = GC.Spread.Sheets.findControl(document.getElementById('ss')); 来获得spread对象，然后再 ...

这个是需要在传统的html中使用吧，react项目可以用？我的项目工程是React工程项目，如下
image.png445602416.png

怎么使用var spread = GC.Spread.Sheets.findControl(document.getElementById('ss'));？

Clark.Pan · Clark.Pan

这个问题是这样的，workbookInitialized方法中本身已经提供了spread对象，无需再通过findcontrol再拿一遍了，但是这里有一点小BUG，导致通过spread对象无法获取sheet对象，我已经上报了，BUG编号263870
现在解决办法是在workbookInitialized 方法中加上setTimeOut 时间设置为0，等sheet加载完毕后去获取，参考附件demo
在其中获取spread对象后，按照一般JavaScript的方式调用spread的接口即可。

PlusNie · PlusNie

ClarkPan 发表于 2018-9-11 18:37
这个问题是这样的，workbookInitialized方法中本身已经提供了spread对象，无需再通过findcontrol再拿一遍了 ...

感谢回复，我运行了QuickStart.js这个文件，在workbookInited方法中打印console.log(sheet.name())，但是在控制台无看到输出？我下载了你提供的QuickStart.js文件，替换了Demo中的QuickStart.js文件。

Clark.Pan · Clark.Pan

我这边可以啊，您要不debug看一下。
image.png379407042.png

我就是在react的demo的基础上改的

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

[已处理] React如何设置行高？

15 个回复

微信认证勋章

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证

元老葡萄