Showing the selected row details of web grid in popup

Question

I have a webgrid in my my page with some data. Beside every row, there is as action link, edit. When the user clicks the edit action link, the selected row should be displayed in popup with Save and Cancel buttons on it.

Answer 1

If your data is rendering in table then you can go through this way

<script>

    $(document).ready(function () {
        $('a[id$ = yourid]').click(function () {
            var row = $(this).closest('tr');
            var var1 = row.find('#idOfControl').val();
            alert(var1);
        });
    });

</script>

Answer 2

On click on any row, open popup window and navigate to a page which would give you all the details about the selected row content, by passing the selected row id as the querystring argument..

Answer 3

Try this:

$("#tblID tbody").on("click","a", function(){    
        var $row = $(this).closest("tr");
        alert($row.find("td").eq(0));//.eq() - index of td.    
    });