如何实现下面的超链接效果

收藏

本帖最后由 Richard.Huang 于 2024-2-22 11:37 编辑

产品：SpreadJS
版本：V16

image.png452521056.png

有一个需求是在单元格中有一个超链接，点击超链接会到下一个子画面但是*不是超链接，且文字颜色为黑色，只有展开才是超链接，我现在用SpreadJS的超链接设置超链接单元格发现单元格中的内容全部成了超链接包括*号，我只想让展开这两个文字变成超链接

前端小白 · 前端小白

本帖最后由 Richard.Huang 于 2024-2-22 11:36 编辑

可以试试这个

，黑科技

var spread = new GC.Spread.Sheets.Workbook("ss");
var sheet = spread.getActiveSheet();
sheet.setHyperlink(2, 2, {
url: "https://www.baidu.com/",
});
style = new GC.Spread.Sheets.Style();
style.decoration = {
icons: [
{
src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHRleHQgc3Ryb2tlPSIjMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIGZvbnQtZmFtaWx5PSJOb3RvIFNhbnMgSlAiIGZvbnQtc2l6ZT0iMjQiIGlkPSJzdmdfMSIgeT0iMjAiIHg9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCI+KjwvdGV4dD4KIDwvZz4KPC9zdmc+",
position: GC.Spread.Sheets.IconPosition.rightOfText,
},
],
};
sheet.setValue(2, 2, "展开");
sheet.setStyle(2, 2, style);

复制代码

Ellia.Duan · Ellia.Duan

您好，可以参考楼上的回复。

李仔文 · 李仔文

Ellia.Duan 发表于 2024-2-19 09:29
您好，可以参考楼上的回复。

并不起作用

前端小白 · 前端小白

本帖最后由前端小白于 2024-2-21 14:24 编辑

李仔文发表于 2024-2-21 14:07
并不起作用

真是无情，不起作用你倒是说说实际情况啊。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SpreadJS V16 Development Sample</title>
<link rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.16.2.0.min.js"></script>
<script type="text/javascript">
window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook("ss");
var sheet = spread.getActiveSheet();
sheet.setHyperlink(2, 2, {
url: 'https://www.baidu.com/'
});
style = new GC.Spread.Sheets.Style();
style.decoration = {
icons: [
{
src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHRleHQgc3Ryb2tlPSIjMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIGZvbnQtZmFtaWx5PSJOb3RvIFNhbnMgSlAiIGZvbnQtc2l6ZT0iMjQiIGlkPSJzdmdfMSIgeT0iMjAiIHg9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCI+KjwvdGV4dD4KIDwvZz4KPC9zdmc+",
position: GC.Spread.Sheets.IconPosition.rightOfText
}
]
};
sheet.setValue(2, 2, "展开");
sheet.setStyle(2, 2, style);
};
</script>
</head>
<body>
<div id="ss" style="width:100%;height:80vh;border: 1px solid gray;font-size:10.5pt"></div>
</body>
</html>