Calling a jquery function on row click of Asp.Net Gridview

Question

I am using Asp.Net/C# in my project , in one of my pages I have a GridView and I am using the following line to handle row click

e.Row.Attributes.Add("onclick", "location='Default.aspx?id=" + e.Row.Cells[0].Text + "'");

This is working fine , however I have a requirement to call a jquery function which displays a popup , here is the function

function ShowDialog(modal) {
        $("#popupmask").show();
        $("#popup").fadeIn(300);

        if (modal) {
            $("#popupmask").unbind("click");
        }
        else {
            $("#popupmask").click(function(e) {
                HideDialog();
            });
        }
    }

Can anyone suggest me how can I call jquery function on row click of Asp.Net Gridview Thanks

check this codedigest.com/Articles/ASPNET/…

Developer
– Developer

2012-04-05 13:05:37 +00:00
Commented Apr 5, 2012 at 13:05 — Developer
– Developer, Commented Apr 5, 2012 at 13:05

James Johnson · Accepted Answer · 2012-04-05 13:37:34Z

2

Try something like this:

$("#<%=GridView1.ClientID%> tr").click(function(){
    alert("Row clicked");
});

answered Apr 5, 2012 at 13:37

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bilal lilla · Accepted Answer · 2012-04-05 13:11:00Z

0

There are many ways to do that i am showing you one simple way to do that.

First you need to wirte these lines in your asp.net Grid code.

<RowStyle CssClass="myrow" />
<AlternatingRowStyle CssClass="myrow" />

then your grid looke like this.

<asp:GridView ID="GridView1" runat="server">
   <RowStyle CssClass="one" />
   <AlternatingRowStyle CssClass="one" />

   </asp:GridView>


<script >
    $(function () {
        $('.myrow').click(function () {
           //below line get 1st td of your selected tr of the grid
            console.log($(this).children().eq(0));

            alert('clicked ');
        });
    });

</script>

answered Apr 5, 2012 at 13:11

Bilal lilla

6583 gold badges9 silver badges30 bronze badges

2 Comments

Curtis Over a year ago

I believe you don't need to specify the AlternatingRowStyle. I think this just overrides the RowStyle when applied.

Bilal lilla Over a year ago

Thats better to use alternateRowStyle . . .

Collectives™ on Stack Overflow

Calling a jquery function on row click of Asp.Net Gridview

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related