217 主题	1万帖子	1万积分

超级版主

Rank: 8 Rank: 8

积分: 15938

85571
金币
217
主题
10069
帖子

报表插件（ReportSheet），设计器添加表功能改造

Clark.Pan

超级版主 / 发表于：2024-9-30 17:24 / 查看：226 / 回复：0

本帖最后由 AlexZ 于 2024-10-9 13:37 编辑

背景：

有客户提出ReportSheet添加表的按钮弹出的菜单中的选项太简单，有一些定制的参数无法输入，所以希望能够弹出一个自定制的菜单，菜单中可以定制自身业务需要的项目。
解决方案：
SpreadJS 在线表格编辑器V17.1.6版本之后支持了上述设置，可以通过下面的方案来完成对添加表按钮弹出逻辑的改写。

1.首先找到添加表的按钮出发的命令

var insertDataManagerCommand = GC.Spread.Sheets.Designer.getCommand(GC.Spread.Sheets.Designer.CommandNames.InsertDataManager);

复制代码

2.判断需求中是否有需要沿用源生逻辑的地方，如果有就将上述命令的execute缓存在变量中，后续沿用时需要用到

var oldExecute = insertDataManagerCommand.execute;

复制代码

3.改写上述命令的execute方法，下面示例代码中进行了判断，部分逻辑下会沿用改写前的execute方法。

insertDataManagerCommand.execute = (designer, selectedName, newValue) => { // overwrite the command execute function.
if (designer.getWorkbook().getActiveSheetTab() instanceof GC.Spread.Report.ReportSheet) { // whether the active sheetTab is reportsheet.
// customer add their own business logic here.
GC.Spread.Sheets.Designer.showDialog("customDialog", {tableName: "学生信息表",url: "http://127.0.0.1:3000/studentListByPage",type: "post",pageNum: 0}, (value) => {
console.log(value);
});
} else {
// go with the old execute command.
oldExecute(designer, selectedName, newValue);
}
};