[14.1.6] 如何设置所有工作簿只读,导出json格式和一个文件的选择

Lynn.Dou

如何设置所有工作簿或者某个工作簿只读?

我们希望在页面上嵌入表格,是直接在数据库存储json好还是存储成文件然后进行解析和保存更好?

Lynn.Dou · Lynn.Dou

designer 的初始化方法为 designerInitialized 方法。
示例代码：

class App extends React.Component {
render() {
return (
<Designer styleInfo = {{width: "100%", height: '98vh'}} designerInitialized={designer => this.initDesigner(designer)} spreadOptions = {{sheetCount: 2}}></Designer>
);
}
initDesigner(designer) {
console.log(designer);
var spread = designer.getWorkbook();
var sheet = spread.getActiveSheet();
sheet.setValue(0, 0, "test");
sheet.options.isProtected = true
}
}
export default App;

复制代码

具体请参考附件demo

Lynn.Dou · Lynn.Dou

您好，
表单保护是针对于表单设置的，
如果您想要设置整个工作簿（所有工作表）只读，
需要遍历工作表，设置每个工作表 isProtected 为true，
具体可以参考学习指南：
https://demo.grapecity.com.cn/sp ... t/protection/purejs

SpreadJS提供fromJSON、toJSON接口，支持导入导出json，
至于以何种形式保存至数据库，需要您根据自己的业务情况调研决定，这边难以给出适合您的建议。

硅谷科技 · 硅谷科技

Lynn.Dou 发表于 2021-11-8 16:00
您好，
表单保护是针对于表单设置的，
如果您想要设置整个工作簿（所有工作表）只读，

react中使用designer可以设置只读吗?设置了isProtected为true之后还是可以编辑.
我们希望在只读时隐藏designer的所有菜单,支持这个功能吗

Lynn.Dou · Lynn.Dou

问题1：
“设置了isProtected为true之后还是可以编辑.”
请检查下该sheet是否成功设置表单保护。
（true表示已设置表单保护）
image.png921054992.png

如果设置成功，检查下依然可以编辑的单元格 locked 是否为true。
(true表示已锁定)
image.png899604186.png

二者均为true时，才表示该单元格只读（不可编辑）

问题2：
“隐藏designer的所有菜单”
指的是隐藏designer上方的工具栏吗？
designer没有提供接口可以设置隐藏，可以试下通过操作css设置：
document.getElementsByClassName("gc-ribbon-bar")[0].style.display = "none"

事实上，在设置表单保护时，工具栏以及右键菜单的一些选项已经置灰(不可操作)，
其中的设计也是与Excel保持一致的。

硅谷科技 · 硅谷科技

import React, { useMemo, useEffect, useState } from 'react';
import '@grapecity/spread-sheets-pivot-addon';
import '@grapecity/spread-sheets-designer-resources-cn';
import '@grapecity/spread-sheets-designer';
import { Designer } from '@grapecity/spread-sheets-designer-react';
import style from './style.less';
import { CSSProperties } from 'react';
interface Props {
onSave?: (json: string, blob: Blob) => any;
beforeUpload?: () => void;
afterUpload?: () => void;
data?: string;
type: 'json' | 'blob';
styleInfo?: CSSProperties;
disabled: boolean;
}
export default function SpreadComponent(props: Props) {
function init(spread) {
debugger;
}
return (
<div className={style['spreadjs']}>
<Designer workbookInitialized={spread => init(spread)}></Designer>
</div>
);
}

复制代码

硅谷科技 · 硅谷科技

硅谷科技发表于 2021-11-12 16:04

就这个,init方法不会执行的

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

[已处理] [14.1.6] 如何设置所有工作簿只读,导出json格式和一个文件的选择

最佳答案

6 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人