jQWidgets Forums

jQuery UI Widgets Forums Grid tooltip for a row in grid

Tagged: , , ,

This topic contains 2 replies, has 3 voices, and was last updated by  JohnD 11 years, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • tooltip for a row in grid #31817

    mallepaddi
    Participant

    Hi

    We have two grids displaying side by side … once product added from left grid to right card, then the selected row appearing different style to let user know that the product was already choosen.

    No my task was … when the user place mouse over the row then should show message or tooltip saying that “Product was already choose .. ”

    Any help.

    Thanks

    tooltip for a row in grid #31854

    Dimitar
    Participant

    Hello mallepaddi,

    Unfortunately, custom tooltips are not supported for jqxGrid rows.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    tooltip for a row in grid #31919

    JohnD
    Member

    Custom tooltip:

    var mouseoverrender = function (row, datafield, value) {
    var str = value;
    var res = str.split(";");
    if (res[1].length == "1") {
    return '<div title="VL1">' + res[0] + '</div>';
    }
    else
    {
    return '<div title="VL2">' + res[0] + '</div>';
    }
    }
    var dataAdapter = new $.jqx.dataAdapter(source);
    // Create jqxGrid
    $("#jqxgrid").jqxGrid(
    {
    width: 400,
    source: dataAdapter,
    theme: theme,
    scrollmode: 'asc',
    columnsresize: false,
    selectionmode: 'singlerow',
    autoheight: true,
    enabletooltips: true,
    pageable: true,
    sortable: true,
    columns: [
    { text: 'CustomerID', datafield: 'CustomerID', width: '100%', cellsrenderer: mouseoverrender, height:10 },
    ]
    });

    Make sure the input is ValueInTextbox;ValueInToolTip

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.