Lynn.Dou 发表于 2021-4-12 16:22:07

SpreadJS自定义超链接-打开弹框

步骤如下:

1、超链接
SpreadJS提供类Excel的超链接功能,可以实现点击超链接跳转到指定表单、网页等。
除此之外,SpreadJS也提供了 自定义跳转命令,可以借助此功能实现点击超链接的跳转行为。


2、实现弹窗
可以利用SpreadJS的命令来定义点击超链接的跳转行为,
也可以通过函数来定义点击超链接的跳转行为,
以下分别介绍两种方式的代码(具体请参考附件demo)
(1)利用SpreadJS的命令来定义点击超链接的跳转行为
//定义命令
            var command = {
                canUndo: false,
                execute: function (context, options, isUndo) {
                  var Commands = GC.Spread.Sheets.Commands;
                  if (isUndo) {
                        Commands.undoTransaction(context, options);
                        return true;
                  } else {
                        Commands.startTransaction(context, options);

                        // 打开弹窗
                        console.log("自定义跳转命令");
                        $('#subEditor').modal('show')

                        Commands.endTransaction(context, options);
                        return true;
                  }
                }
            };
            //注册命令
            spread.commandManager().register("customHyperlink", command);
            sheet.setValue(3, 3, "自定义超链接")
            sheet.setHyperlink(3, 3, { command: "customHyperlink" });

(2)通过函数来定义点击超链接的跳转行为
sheet.setValue(3, 3, "自定义超链接")
            sheet.setHyperlink(3, 3, { command: function() {
                console.log("自定义跳转命令");
                $('#subEditor').modal('show')
            }});






页: [1]
查看完整版本: SpreadJS自定义超链接-打开弹框