找回密码
 立即注册

QQ登录

只需一步,快速开始

Lynn.Dou 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-4-12 16:22  /   查看:2882  /  回复:0
步骤如下:

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

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

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

  14.                         Commands.endTransaction(context, options);
  15.                         return true;
  16.                     }
  17.                 }
  18.             };
  19.             //注册命令
  20.             spread.commandManager().register("customHyperlink", command);
  21.             sheet.setValue(3, 3, "自定义超链接")
  22.             sheet.setHyperlink(3, 3, { command: "customHyperlink" });
复制代码


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







hyperlink.zip

860.74 KB, 下载次数: 117

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部