wss. 发表于 2020-4-15 10:56:21

鼠标悬浮出现省略文本 bug

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

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

KevinChen 发表于 2020-4-15 10:56:22

你好,这是由于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.renderWidth;
                                       
                                        var newTip = wijmo.format('{val}', {
                                                panel: wijmo.grid.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. 发表于 2020-4-15 11:07:47

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

wss. 发表于 2020-4-15 11:17:31

https://www.grapecity.com.cn/blogs/wijmo-flexgrid-tooltip
这是当时运用所参照的博客内容

KevinChen 发表于 2020-4-15 18:11:28

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

wss. 发表于 2020-4-16 15:45:37

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

Wijmo有专用的getC ...

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

KevinChen 发表于 2020-4-16 15:52:52

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

当然可以,这里的判断条件可以自由添加。
页: [1]
查看完整版本: 鼠标悬浮出现省略文本 bug