最新版本，自动合并后超链接点不到

收藏

本帖最后由 ClarkPan 于 2021-3-18 12:09 编辑

官网例子
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/auto-merge/range-auto-merge/purejs

1. 将43行多复制几行，比如3行（加上原来的2行一共5行）
2. 28行 rowCount 设置为 50 行，主要是为了能滚动。
3. autoMerge 之后追加一下超链接

sheet.setHyperlink(1, 0, {
linkColor: '#0066cc',
visitedLinkColor: '#3399ff',
command: () => {alert('click')},
});

复制代码

运行，点击超链接，看到 alert 提示。
滚动一下，让 “Today Show”（超链接）上移1个或多个单元格，然后你会发现，这个超链接无法点击！

Lynn.Dou · Lynn.Dou

本帖最后由 lynn512 于 2021-4-2 11:58 编辑

您好，此问题已在V14.0.10中修复，您可以通过npm升级。请升级至最新版本测试下。

Clark.Pan · Clark.Pan

您好，您提供的demo中并没有43行或者28行，demo中满共只有5行，所以不太明白该如何重现您的问题。不如您直接上传一个能够重现问题的demo，我们帮您看看
image.png520559386.png

louis · louis

不够详细吗？你们官方的 demo，让你改3处几行代码…… 1分钟用不了，甩给客户不太好吧？

louis · louis

把这个贴到你那个 demo 下面的，app.js 替换，点击运行，点击链接没有问题，鼠标滑轮向下滚动一点，你会发现超链接点不了了！

window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook(_getElementById('ss'), { sheetCount: 1 });
initSpread(spread);
};
function initSpread(spread) {
var switchAutoMergeDirection = _getElementById("switchAutoMergeDirection");
switchAutoMergeDirection.addEventListener("change", function (event) {
var range = new GC.Spread.Sheets.Range(-1, -1, -1, -1);
var sheet = spread.getActiveSheet();
sheet.suspendPaint();
//remove old auto merge range
sheet.autoMerge(range, GC.Spread.Sheets.AutoMerge.AutoMergeDirection.none);
//add new auto merge range
sheet.autoMerge(range, parseInt(event.target.value));
sheet.resumePaint();
});
spread.suspendPaint();
spread.options.showVerticalScrollbar = false;
spread.options.showHorizontalScrollbar = false;
spread.options.tabStripVisible = false;
//init sheet
var sheet = spread.getActiveSheet();
sheet.defaults.rowHeight = 40;
sheet.defaults.colWidth = 100;
sheet.defaults.colHeaderRowHeight = 40;
sheet.defaults.rowHeaderColWidth = 60;
sheet.setRowCount(50);
sheet.setColumnCount(7);
var defaultStyle = sheet.getDefaultStyle();
defaultStyle.vAlign = GC.Spread.Sheets.VerticalAlign.center;
defaultStyle.hAlign = GC.Spread.Sheets.HorizontalAlign.center;
sheet.setDefaultStyle(defaultStyle);
["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"].forEach(function (value, index) {
sheet.setValue(0, index, value, GC.Spread.Sheets.SheetArea.colHeader);
});
["12:00", "13:00", "14:00", "15:00", "16:00"].forEach(function (value, index) {
sheet.setValue(index, 0, value, GC.Spread.Sheets.SheetArea.rowHeader);
});
sheet.setArray(0, 0, [
["Walker", "Morning Show", "Morning Show", "Sport", "Weather", "N/A", "N/A"],
["Today Show", "Today Show", "Kid Zone", "Football", "Soap Opera", "N/A", "N/A"],
["Today Show", "Today Show", "Kid Zone", "Football", "Soap Opera", "N/A", "N/A"],
["Today Show", "Today Show", "Kid Zone", "Football", "Soap Opera", "N/A", "N/A"],
["Today Show", "Today Show", "Kid Zone", "Football", "Soap Opera", "N/A", "N/A"],
["Today Show", "Today Show", "Sesame Street", "Football", "Market Watch", "N/A", "N/A"],
["Today Show", "Today Show", "Kid Zone", "Football", "Soap Opera", "N/A", "N/A"],
["News", "News", "News", "News", "News", "N/A", "N/A"],
["News", "News", "News", "News", "News", "N/A", "N/A"]
]);
//apply auto merge
var range = new GC.Spread.Sheets.Range(-1, -1, -1, -1);
sheet.autoMerge(range, GC.Spread.Sheets.AutoMerge.AutoMergeDirection.columnRow);
sheet.setHyperlink(1, 0, {
linkColor: '#0066cc',
visitedLinkColor: '#3399ff',
command: () => {alert('click')},
});
sheet.setHyperlink(2, 0, {
linkColor: '#0066cc',
visitedLinkColor: '#3399ff',
command: () => {alert('click')},
});
spread.resumePaint();
}
function _getElementById(id) {
return document.getElementById(id);
}

复制代码

Clark.Pan · Clark.Pan

麻烦您看清楚下面的图片
image.png668539733.png

demo中没有您所说的43行和28行，如果您不想提供demo就详细的把操作描述清楚，谢谢

louis · louis

附件提供例子：（另外一个帖子Excel导出头部合并不会被应用 4楼你们提供的代码基础上修改的，在46~56行之间插入了几行代码）
重现步骤：
1. 打开附件中的 index.html，会看到 viewport 中第一个格子中 "1" 被设定了超链接，点击，会弹出 alert，没问题！。
2. 注意 "1" 的那块区域是个合并区域（合并了5行），向下拉一下滚动条，让 "1" 格子的可视区变成少于5行，再去点击 "1"，不会弹出 alert，问题重现。

Clark.Pan · Clark.Pan

明白了，我先把这个问题报上去(SJS-8018)，您可以再详细的说一下您想要实现的需求，这样我们可以帮您看看是否可以有别的更适合的方法来完成。

louis · louis

ClarkPan 发表于 2021-3-18 12:08
明白了，我先把这个问题报上去(SJS-8018)，您可以再详细的说一下您想要实现的需求，这样我们可以帮您看看是 ...

我们实现了一种复杂的交叉表，使用 SpeardJS 来呈现，并利用诸如单元格合并、导出等功能来简化我们的开发。

单元格内的超链接（command 回调），点击后进行下钻、展明细等动作，这个基础功能对我们来说非常重要。
我们有尝试过使用单元格（模拟超链接风格，cursor 为 pointer 未搞定）点击事件来处理这样的需求，但对于合并的单元格子，范围内被合并的空白格子也会响应，较难处理。

Clark.Pan · Clark.Pan

明白了，那等待我们这边功能修复吧，修复了我会这里直接回复您

louis · louis

请问下，目前有进展吗？

		自动登录	找回密码
密码			立即注册

[已处理] 最新版本，自动合并后超链接点不到

15 个回复

点评

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

微信认证勋章

元老葡萄