找回密码
 立即注册

QQ登录

只需一步,快速开始

潘棒棒

注册会员

12

主题

36

帖子

150

积分

注册会员

积分
150

[已处理] wijmo中的tooltip

潘棒棒
注册会员   /  发表于:2023-2-27 14:04  /   查看:3443  /  回复:6
1金币
如何将鼠标放到表格中的某一行数据,然后出现以下提示





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

最佳答案

查看完整内容

wijmo有提供一个tooltip类,可以创建后,在鼠标在grid上移动时展示 https://www.grapecity.com/wijmo/demos/Core/Tooltips#demo_source_name

6 个回复

正序浏览
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-3-1 12:19:58
7#
本帖最后由 Richard.Ma 于 2023-3-1 12:21 编辑


我看你4楼的截图,你把列头行全清掉后,只用splice添加了一行进去,自然是少一行了

重新设置列头,其实和你第一次设置时一样的,
1.设置列头部分的行数(插入2行)
2设置列头中每个单元格的值
3.设置自动合并。

本帖子中包含更多资源

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

x
回复 使用道具 举报
潘棒棒
注册会员   /  发表于:2023-3-1 08:43:05
6#
Richard.Ma 发表于 2023-2-28 18:02
应该是第二次你又去给列头中加了一行吧。你应该是直接修改列头的第一行

或者和第一次一样,重新初始化一 ...

如何重新初始化一个两行的列头或者如何直接修改原先的列头,能否具体给一个demo
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-2-28 18:02:10
5#
应该是第二次你又去给列头中加了一行吧。你应该是直接修改列头的第一行

或者和第一次一样,重新初始化一个2行的列头,给第一行来设置日期值的
回复 使用道具 举报
潘棒棒
注册会员   /  发表于:2023-2-28 17:16:51
4#
代码如下清楚掉表头和行后


渲染出的表头少了一行

本帖子中包含更多资源

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

x
回复 使用道具 举报
潘棒棒
注册会员   /  发表于:2023-2-28 15:56:32
3#
这个解决了,我想问一下,我第一次选择日期后图中第二个表格表头显示是正常的


我再一次重新选择日期后,第一次选择生成的表头还在,要怎么解决

本帖子中包含更多资源

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

x
回复 使用道具 举报
最佳答案
最佳答案
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-2-27 14:04:57
来自 2#
wijmo有提供一个tooltip类,可以创建后,在鼠标在grid上移动时展示
https://www.grapecity.com/wijmo/ ... ps#demo_source_name

  1.     const tt = new wjcCore.Tooltip();
  2.     grid.hostElement.addEventListener('mousemove', (e: MouseEvent) => {
  3.       let hti = grid.hitTest(e);
  4.       if (hti.panel === grid.cells) {
  5.         let elem = hti.panel.getCellElement(hti.row, hti.col);
  6.         let txt = this.getElemenetText(elem);
  7.         tt.hideDelay = 999999;
  8.         let rc = new wjcCore.Rect(e.pageX, e.pageY - 10, 10, 10);
  9.         tt.show(elem, txt, rc);
  10.       }
  11.     });
复制代码
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部