协同编辑 spread.commandManager().addListener

Ellia.Duan

本帖最后由 Ellia.Duan 于 2022-10-26 11:55 编辑

const initDesigner = (
designerEntity
) => {
designer = designerEntity;
let spread = designer.getWorkbook();
let sheet =
spread.getActiveSheet();
sheet.setValue(0, 0, "grapecity");
let cm = spread.commandManager();
cm.addListener('myListener', onCommandExecute())
};

复制代码

const onCommandExecute = (args) => {
connectDocument()
console.log("123", args);
// console.log(args.command);
var command = args.command;
}

复制代码

获取不到args，应该怎么写呢？

Ellia.Duan · Ellia.Duan

您好，在client react项目中，访问http://localhost:3001/OnlineSheets ，出现了xlsx列表，点击任何一个，进入协同页面。其中，在react中进行了fromJSON（）处理，
image.png444605407.png

初始化了designer定义的各种命令事件等，所以在onCommandExecute是有值的。

但是在您的vue代码中，只是进行了designer初始化，并没有进行各种绑定。
关于绑定内容，可以参考GcExcel项目。所以这边是undefined.

或者还有一个验证方法，就是您在react中新建一个页面，不进行fromJSON（）等操作，看是否会打印args.

xcymoo · xcymoo

您好，请问您的这么写是要实现什么需求呢？
您的写法是有点问题的，在添加监听的时候，监听方法不应该被执行：
image.png827759094.png

另外，这种方式是不被推荐的，您可以参考register方法
https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Commands.CommandManager#register

penny. · penny.

按照之前给的demo想实现协同编辑，componets/Spreadsheet转化为vue3的写法

xcymoo · xcymoo

penny. 发表于 2022-10-13 11:27
按照之前给的demo想实现协同编辑，componets/Spreadsheet转化为vue3的写法

明白您的意思了，如果想要做协同编辑，那么就需要监听所有的事件，然后把事件中发生的事情同步到服务器。这里推荐您使用bind方法进行监听，commondManager可能无法实现您的需求：
https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.Worksheet#bind

Lynn.Dou · Lynn.Dou

从问题描述来看，您是想咨询为什么vue3 demo里获取不到args这个参数吗？
另，您参考的是哪篇教程呢？请提供下详细信息，这边结合demo代码调研下问题原因。

penny. · penny.

Lynn.Dou 发表于 2022-10-13 18:26
从问题描述来看，您是想咨询为什么vue3 demo里获取不到args这个参数吗？
另，您参考的是哪篇教程呢？请提 ...

按照之前给的demo想实现协同编辑，文件夹里componets/Spreadsheet文件原是react的想法，请帮忙转化为vue3的写法

Ellia.Duan · Ellia.Duan

penny. 发表于 2022-10-14 09:27
按照之前给的demo想实现协同编辑，文件夹里componets/Spreadsheet文件原是react的想法，请帮忙转化为vue3 ...

附件中给出了Vue3与Vue2 的示例代码

penny. · penny.

Ellia.Duan 发表于 2022-10-14 14:05
附件中给出了Vue3与Vue2 的示例代码

给的附件只是最基础的用法，对之前的附件没有用处

Ellia.Duan · Ellia.Duan

无论是react框架还是vue框架还是html+js，其 spreadJS实例化之后的代码是一样的，不同的是初始化组件的写法。您之前提到想文件夹里componets/Spreadsheet文件是react的写法，这边提供了您vue框架中使用spread中基本使用方式，是可以的。

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

[已处理] 协同编辑 spread.commandManager().addListener

最佳答案

22 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人