潘棒棒 发表于 2023-2-27 14:04:56

wijmo中的tooltip

如何将鼠标放到表格中的某一行数据，然后出现以下提示





Richard.Ma 发表于 2023-2-27 14:04:57

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

    const tt = new wjcCore.Tooltip();
    grid.hostElement.addEventListener('mousemove', (e: MouseEvent) => {
      let hti = grid.hitTest(e);
      if (hti.panel === grid.cells) {
      let elem = hti.panel.getCellElement(hti.row, hti.col);
      let txt = this.getElemenetText(elem);
      tt.hideDelay = 999999;
      let rc = new wjcCore.Rect(e.pageX, e.pageY - 10, 10, 10);
      tt.show(elem, txt, rc);
      }
    });

潘棒棒 发表于 2023-2-28 15:56:32

这个解决了，我想问一下，我第一次选择日期后图中第二个表格表头显示是正常的


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

潘棒棒 发表于 2023-2-28 17:16:51

代码如下清楚掉表头和行后


渲染出的表头少了一行

Richard.Ma 发表于 2023-2-28 18:02:10

应该是第二次你又去给列头中加了一行吧。你应该是直接修改列头的第一行

或者和第一次一样，重新初始化一个2行的列头，给第一行来设置日期值的

潘棒棒 发表于 2023-3-1 08:43:05

Richard.Ma 发表于 2023-2-28 18:02
应该是第二次你又去给列头中加了一行吧。你应该是直接修改列头的第一行

或者和第一次一样，重新初始化一 ...
如何重新初始化一个两行的列头或者如何直接修改原先的列头，能否具体给一个demo

Richard.Ma 发表于 2023-3-1 12:19:58

本帖最后由 Richard.Ma 于 2023-3-1 12:21 编辑


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

重新设置列头，其实和你第一次设置时一样的，
1.设置列头部分的行数（插入2行）
2设置列头中每个单元格的值
3.设置自动合并。
页: [1]
查看完整版本: wijmo中的tooltip