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]