showing a modal popup when a user clicks on a link jqgrid

Question

    {
        name: 'EmployeeInformation',
        index: 'EmployeeInformation',
        width: 15,
        sortable: true,
        editable: false,
        formatter: 'showlink',
        formatoptions: {
            //show an modal popup
        }
    }

This is a table column in my jqgrid.

What I want is when i click the link button (EmployeeInformation) it will show a modal popup.

Code is useless without knowing which modal plug-in you're in — Control Freak, Sep 24 '14 at 05:17
thats because i dont have any modal plug-in yet. Can you enlighten me? Zee Tee? — Registered_User012345, Sep 25 '14 at 00:14

score 2 · Accepted Answer · edited May 23 '17 at 12:24

The simplest way will be to use formatter: 'dynamicLink' instead of formatter: 'showlink' which I introduced in the answer. It allows you to define onClick callback (formatoptions: {onClick: function (rowid, iRow, iCol, cellText, e) {alert('clicked in rowId=' + rowId + ', iRow=' + iRow + ', iCol=' + iCol);}}) like in the demo. See here too.

One more way will be to define just <span> with text-decoration: underline; cursor: pointer; style instead of <a> and to use beforeSelectRow or onCellSelect to detect the click in the column to show the corresponding modal popup. See the answer, this one, this one and other for the corresponding code examples.

showing a modal popup when a user clicks on a link jqgrid

1 Answers1