Asp net grid view select row using jquery

Question

I have a normal gridview on asp.net web page... I want to select a row using jquery and then pressing a button to send the id and descripcion columns to a web service...

Answer 1

Try something like

$('#<%=Grid.ClientID %>').delegate('tr', 'click', function(){
    $('#<%=Grid.ClientID %> tr').not(this).removeClass('selectedRow');
    $(this).toggleClass('selectedRow'); 
});

This should enable you to select a single GridView row on click.

After that, for the button control, use the following

$('#<%=Btn.ClientID %>').click(function(){
    alert($('#<%=Grid.ClientID %>').find('tr.selectedRow').html());

    // code to call the webservice using columns from $('#<%=Grid.ClientID %>').find('tr.selectedRow')

    // prevent Button control from causing a postback
    return false;
});