designer react 读取服务器 excle 模板怎么实现

收藏

本帖最后由 KID1412 于 2021-9-22 17:02 编辑

想要实现的功能页面刚进来的时候读取服务器的 excle 模板进行展示

我自己的思路
通过 xmr 获取到 excle 文件，转化为文件流，调用Excel.IO，对文件进行导入。

参考链接：
https://demo.grapecity.com.cn/spreadjs/help/api/GC.Spread.Excel.IO.html
https://demo.grapecity.com.cn/spreadjs/help/api/GC.Spread.Sheets.Designer.Designer.html

遇到的问题

1. 目前使用的是 react 的 Designer 组件，代码不知道怎么写

2. SpreadSheets 有 workbookInitialized 的初始化api。但是 Designer api 不太找的到，目前的参考链接是：https://demo.grapecity.com.cn/spreadjs/help/api/GC.Spread.Sheets.Designer.html。是在这里找吗？ api 太多了，一时不知道怎么快速找到想要的代码

我上述思路是正确的吗，期望得到简单的代码描述

我的代码

import '@grapecity/spread-sheets-resources-zh';
import '@grapecity/spread-sheets-designer-resources-cn';
import * as GC from '@grapecity/spread-sheets';
import { Designer } from '@grapecity/spread-sheets-designer-react';
import '@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css';
import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css';
GC.Spread.Common.CultureManager.culture('zh-cn')

复制代码

const renderSpreadJs = () => (
<div style={hostStyle}>
<Designer config={customConfig} designerInitialized={(designer) => { getDesigner(designer); }} styleInfo={{ width: '1500px', height: '80vh' }}></Designer>
{/* <SpreadSheets workbookInitialized={(spread) => initSpread(spread)}></SpreadSheets> */}
</div>
);

复制代码

KID1412 · KID1412

本帖最后由 KID1412 于 2021-9-22 17:01 编辑

const renderSpreadJs = () => (
<div style={hostStyle}>
<Designer
styleInfo={{ width: '1500px', height: '80vh' }}
></Designer>
{/* <SpreadSheets workbookInitialized={(spread) => initSpread(spread)}></SpreadSheets> */}
</div>
);

复制代码