0

所以我一直在尝试按照这个 React 快速入门指南将 SpreadJS 设计器组件（ npm 模块）集成到我的 React 项目中。在尝试了一段时间后，我让它像这样工作，电子表格正在工作（形状、图表、颜色等）

<Designer styleInfo={{ width: "100%", height: "calc(100vh - 25px)" }} />

但是如何通过 props 将 JSON 文件输入到其中呢？还有哪些其他道具可以访问？我找不到与此相关的任何文档。我正在寻找获取和设置文档 JSON 的道具。差不多就是这样。

更新：也许会得到一个 onChanged 事件或其他东西。我真的不知道道具是什么，因为没有与此相关的文档。

4

1 回答 1

0

我是 GrapeCity 技术参与团队的成员，支持SpreadJS和 Designer Component Add-on。

要将 JSON 数据导入您的 SpreadJS 实例，而不是使用道具，您可以使用 SpreadJS 的fromJSON 方法。您可以在初始化工作表时实现此方法，以便在页面加载时将 JSON 数据导入到 SpreadJS 实例。

这是我们现场 React 演示的链接，请注意app.jsx文件中有一个使用spread.fromJSON导入 JSON 数据的initSpread函数。当使用workbookInitialized事件侦听器初始化工作簿时，将应用 initSpread 函数，如下所示：

<div class="sample-spreadsheets">
   <SpreadSheets workbookInitialized={spread => this.initSpread(spread)}>
     <Worksheet>
     </Worksheet>
   </SpreadSheets>
 </div>

然后将在初始化工作簿时导入 JSON 数据。请使用 fromJSON 方法导入 JSON 数据。如果您对我分享的内容有任何疑问，请告诉我，请在此处联系或向我们的团队提交支持票。谢谢你，麦肯齐

于 2021-05-03T15:56:37.400 回答