spreadjs v14 react 组件版修改配置参数

收藏

本帖最后由 powerchina 于 2021-2-24 11:00 编辑

版本与条件：
电脑系统：window；
版本：spreadJS v14 组件版，使用 Designer import { Designer } from '@grapecity/spread-sheets-designer-react';

问题描述：
1、怎么修改配置限制 image.png510861205.png

数量添加？
2、怎么监听表单中数据发生修改？包括多个 sheet中数据变化 ,

代码：

import React, { Component } from "react";
import "@grapecity/spread-sheets-designer-resources-cn"; // 资源必须在上面
import { Designer } from "@grapecity/spread-sheets-designer-react";
export default class Excel extends Component {
constructor(props) {
super(props);
this.ref = React.createRef();
}
async componentDidMount() {
await this.onLoadData();
}

复制代码

有相应 v14 react 组件版相关api文档吗

Lynn.Dou · Lynn.Dou

组件版设计器（designer）只是对SpreadJS的接口做了二次开发（如工具栏），一些基础功能还是需要调用SpreadJS的接口。
对于您提的两个问题：
1、对添加表单按钮的限制
使用监听SheetChanging事件，获取当前表单数量，如果达到限制数量，则设置cancel为true
示例代码：

var sheet = spread.getActiveSheet();
spread.bind(GC.Spread.Sheets.Events.SheetChanging, function (sender, args) {
if(spread.getSheetCount() > 4) {
args.cancel = true;
}
});

复制代码

2、监听表单中数据发生修改
可以通过监听 ValueChanged 事件，脏数据等。您可以在学习指南、API文档了解更多。

学习指南：https://demo.grapecity.com.cn/sp ... s/edit/dirty-items#
关于react 下demo的用法，您也可以在学习指南了解。
image.png734946593.png

建议您先学习 SpreadJS 的相关内容，我们提供了丰富的学习资源，附件为学习资源文档，您可以参考下。
另外，也可以借助论坛的搜索功能，搜索问题相关历史贴，快速获取答案。

powerchina · powerchina

图中红框代码有什么用？？？

Lynn.Dou · Lynn.Dou

getActiveSheet：获取当前表单。API链接：https://demo.grapecity.com.cn/sp ... html#getActiveSheet
您可以在API文档中搜索。
image.png91573485.png

这些属于基础的API，建议您先在学习指南学习SpreadJS相关基础功能。
学习指南：https://demo.grapecity.com.cn/sp ... nitialization/react
image.png564186095.png

我们提供了SpreadJS官方支持QQ群,这些问题通过@群里机器人可以得到更快的回应。

QQ群：720389894

powerchina · powerchina

不好意思啊，我的回复有歧义让你理解错了，
我的意思是，上下两个红框之前没有任何联系，这样第一个红框代码有什么用呢?
image.png351611632.png

Lynn.Dou · Lynn.Dou

很抱歉，这些代码是在一个demo中截取的。
一般初始化时就会获取spread 和 sheet，所以demo中默认加上了。
正如您所说，上下代码没有联系，本贴中您忽视红框1代码即可。

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

[已处理] spreadjs v14 react 组件版修改配置参数

5 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人