Appear a tooptip on detail row in Flexgrid

Appear a tooptip on detail row in Flexgrid

Posted by: munemoto on 3 June 2022, 12:08 pm EST

• 

  munemoto

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 3 June 2022, 12:08 pm EST

  Hi,
  
  I can appear a tooltip on my flexgrid and it work fine.
  
  I added detail row(Flexgrid control) in the flexgrid.
  
  I want to put a tooltip on the detail flexgrid in detail row.

  I cloned mousemove enent and mouseout enent .
  
  But these is not working. I don’t get the event raised.

  Please show me sample of javascript.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 5 June 2022, 9:11 pm EST

  Hi,
  
  Please find the following demo sample for reference:

  https://jscodemine.grapecity.com/share/ayx-5UJMF0mUDMS4qiBGQA/

  Also, please refer to the following code snippet for reference:

   let tp = new wjCore.Tooltip();
      gridDetail.hostElement.addEventListener("mousemove",(e)=>{
          let _el = wjCore.closest(e.target,".wj-flexgrid");
          var _grid = wjCore.Control.getControl(_el);
          let ht = _grid.hitTest(e);
          if(ht.cellType==wjGrid.CellType.Cell && e.target){
              var _cell = _grid.getCellData(ht.row,ht.col,false);
              if(_cell){
                  tp.show(e.target,_cell.toString());
              }
          }
      },true);
      gridDetail.hostElement.addEventListener("mouseout",(e)=>{
          tp.hide();
      },true);
  

  Regards,
  
  Manish Gupta