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

步骤如下：

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


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.                         // 打开弹窗
    
13.                         console.log("自定义跳转命令");
    
14.                         $('#subEditor').modal('show')
    
15. 
    
16.                         Commands.endTransaction(context, options);
    
17.                         return true;
    
18.                     }
    
19.                 }
    
20.             };
    
21.             //注册命令
    
22.             spread.commandManager().register("customHyperlink", command);
    
23.             sheet.setValue(3, 3, "自定义超链接")
    
24.             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.             }});

复制代码