找回密码
 立即注册

QQ登录

只需一步,快速开始

wss.

初级会员

49

主题

149

帖子

452

积分

初级会员

积分
452
wss.
初级会员   /  发表于:2020-4-15 10:56  /   查看:5930  /  回复:6
1金币
本帖最后由 wss. 于 2020-4-15 11:06 编辑

你好,之前单元格内文本过多,就采取了溢出省略号代替的方法,采用鼠标放上去出现该单元格文本,具体方法是采用博客中的一个toolTip案例进行功能实现的,结果现若有滚动条,当鼠标移动过去就会出现显示所有的文本的情况,望尽快处理
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

你好,这是由于e.toElement.innerText返回的值不对,不能通过这样的方式来获取信息, Wijmo有专用的getCellData方法,参考附件示例。 关键代码如下:

6 个回复

倒序浏览
最佳答案
最佳答案
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-4-15 10:56:22
来自 5#
你好,这是由于e.toElement.innerText返回的值不对,不能通过这样的方式来获取信息,

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

  1. workersGrid.hostElement.addEventListener('mouseover', function(e) {
  2.                                 var ht = workersGrid.hitTest(e);
  3.                                 if (ht.panel) {
  4.                                         // var cellValue = ht.panel.getCellData(ht.row, ht.col);
  5.                                         var cellValue = ht.panel.getCellData(ht.row, ht.col);//e.toElement.innerText
  6.                                         console.log(e);
  7.                                         var cellValueSize = textSize(cellValue);
  8.                                         var cellWith = ht.grid.columns[ht.col].renderWidth;
  9.                                        
  10.                                         var newTip = wijmo.format('{val}', {
  11.                                                 panel: wijmo.grid.CellType[ht.cellType],
  12.                                                 row: ht.row,
  13.                                                 col: ht.col,
  14.                                                 val: cellValue
  15.                                         });
  16.                                         if (newTip !== tip) {
  17.                                                 tip = newTip;
  18.                                                 tt.show(ht.panel.hostElement.parentElement, tip, ht.panel.getCellBoundingRect(ht.row, ht.col));
  19.                                         }
  20.                                 } else {
  21.                                         tt.hide();
  22.                                         tip = '';
  23.                                 }
  24.                         });
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
wss.
初级会员   /  发表于:2020-4-15 11:07:47
2#
详细描述一些,鼠标缓慢移动到滚动条与表格区域空隙的位置就会出现该问题,不管是横向还是纵向
回复 使用道具 举报
wss.
初级会员   /  发表于:2020-4-15 11:17:31
3#
https://www.grapecity.com.cn/blogs/wijmo-flexgrid-tooltip  
这是当时运用所参照的博客内容
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-4-15 18:11:28
4#
你好,这个问题需要一些时间来调研,明天下午18点前可以回复。
回复 使用道具 举报
wss.
初级会员   /  发表于:2020-4-16 15:45:37
6#
KevinChen 发表于 2020-4-16 15:31
你好,这是由于e.toElement.innerText返回的值不对,不能通过这样的方式来获取信息,

Wijmo有专用的getC ...

因为对应单元格有映射关系,getCellData并不一定是显示的争取的值,是有转换的,所以我把单元格获取值改了,那么我是否能这样,通过getCellData判断是否有值再显示单元格的值?或者通过别的方法能直接获取到单元格的经过转换后显示的文本?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-4-16 15:52:52
7#
wss. 发表于 2020-4-16 15:45
因为对应单元格有映射关系,getCellData并不一定是显示的争取的值,是有转换的,所以我把单元格获取值改 ...

当然可以,这里的判断条件可以自由添加。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部