Appear a tooptip on detail row in Flexgrid

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

  • 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.

  • Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels