鼠标悬浮出现省略文本 bug

登录

本帖最后由 wss. 于 2020-4-15 11:06 编辑

你好，之前单元格内文本过多，就采取了溢出省略号代替的方法，采用鼠标放上去出现该单元格文本，具体方法是采用博客中的一个toolTip案例进行功能实现的，结果现若有滚动条，当鼠标移动过去就会出现显示所有的文本的情况，望尽快处理

KevinChen · KevinChen

你好，这是由于e.toElement.innerText返回的值不对，不能通过这样的方式来获取信息，

Wijmo有专用的getCellData方法，参考附件示例。
关键代码如下：

workersGrid.hostElement.addEventListener('mouseover', function(e) {
var ht = workersGrid.hitTest(e);
if (ht.panel) {
// var cellValue = ht.panel.getCellData(ht.row, ht.col);
var cellValue = ht.panel.getCellData(ht.row, ht.col);//e.toElement.innerText
console.log(e);
var cellValueSize = textSize(cellValue);
var cellWith = ht.grid.columns[ht.col].renderWidth;
var newTip = wijmo.format('{val}', {
panel: wijmo.grid.CellType[ht.cellType],
row: ht.row,
col: ht.col,
val: cellValue
});
if (newTip !== tip) {
tip = newTip;
tt.show(ht.panel.hostElement.parentElement, tip, ht.panel.getCellBoundingRect(ht.row, ht.col));
}
} else {
tt.hide();
tip = '';
}
});

复制代码

wss. · wss.

详细描述一些，鼠标缓慢移动到滚动条与表格区域空隙的位置就会出现该问题，不管是横向还是纵向

wss. · wss.

KevinChen · KevinChen

你好，这个问题需要一些时间来调研，明天下午18点前可以回复。

wss. · wss.

KevinChen 发表于 2020-4-16 15:31
你好，这是由于e.toElement.innerText返回的值不对，不能通过这样的方式来获取信息，

Wijmo有专用的getC ...

因为对应单元格有映射关系，getCellData并不一定是显示的争取的值，是有转换的，所以我把单元格获取值改了，那么我是否能这样，通过getCellData判断是否有值再显示单元格的值？或者通过别的方法能直接获取到单元格的经过转换后显示的文本？

KevinChen · KevinChen

wss. 发表于 2020-4-16 15:45
因为对应单元格有映射关系，getCellData并不一定是显示的争取的值，是有转换的，所以我把单元格获取值改 ...

当然可以，这里的判断条件可以自由添加。

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

[已处理] 鼠标悬浮出现省略文本 bug