jquery and asp.net gridview help

Question

I have a grid with a link and what I want to achieve is when the link is clicked, to open a modal window. My modal is working properly. I'm just having issue with getting the link to do something. Below is my example code.

ASPX:

<asp:GridView AutoGenerateColumns="False" Width="100%" ID="grvUsers" runat="server">
    <Columns>
        <asp:TemplateField HeaderText="Delete">
            <ItemTemplate>
                <asp:LinkButton ID="Label1" runat="server" Text='<%# eval("ID") %>'></asp:LinkButton>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

HTML render:

<table cellspacing="0" rules="all" border="1" id="grvUsers" style="width: 100%; border-collapse: collapse;">
    <tr>
        <th scope="col">Delete</th>
    </tr>
    <tr>
        <td>
            <span id="grvUsers_Label1_0">23</span>
        </td>
    </tr>
</table>

jQuery:

$(document).ready(function(){
    $('td:nth-col(0)').click(function(){
        alert("OMG");
    });
});

does it work with built-in jquery selector :first-child. what is the result of just $('td:nth-col(0)'), do you have a result ? — Didier Ghys
– Didier Ghys, Commented Nov 21, 2011 at 19:08

BentOnCoding · Accepted Answer · 2011-05-26 21:42:10Z

1

Instead of trying to add the event with js can you just use :

<asp:LinkButton ID="Label1" onClick="myAlertFunction();" runat="server" Text='<%# eval("ID") %>'></asp:LinkButton>

I would recommend you check out this jquery documentation: Jquery Dialog w/Modal

edited May 26, 2011 at 21:42

answered May 26, 2011 at 15:58

BentOnCoding

28.3k14 gold badges68 silver badges93 bronze badges

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

3 Comments

jack Over a year ago

ok, so when I call that function, how do I display the modal? Or should I say how do I call jquery from javascript function? sorry, I'm a noob.

Chad Over a year ago

@jack Is this a question about capturing a click event, or a question about how to design a modal popup?

jack Over a year ago

capturing an event. what i want to happen is when the link is click, it opens the modal window.

Andres · Accepted Answer · 2011-11-21 19:03:18Z

You can just use ajax for the modal popup, works a whole lot better than using jquery library(there are exceptions..)
You can use the a select command field as a delete and handle the event in your SelectIndexchanging or Delete either one.

Add this to your gridview

<asp:CommandField HeaderText="Delete" ButtonType="Link" ShowSelectButton="true"
SelectText='<%# eval("ID") %>' />

Codebehind:

protected void mygridview_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)
{
        //here you can do anything with the id
        string id = mygridview.Rows[e.NewSelectedIndex].Cells[1].Text;

        mdlPopup.Show();
}

Ajax popup:

<asp:Button id="btnShowPopup" runat="server" style="display:none" />
<ajaxToolkit:ModalPopupExtender
ID="mdlPopup" 
runat="server" 
TargetControlID="btnShowPopup" 
PopupControlID="pnlPopup" 
CancelControlID="btnClose" 
BackgroundCssClass="Inactive" />
<asp:Panel ID="pnlPopup" runat="server" Width="500px" style="display:none;">
  <!--here you put any content that will go inside your popup-->
</asp:Panel>

Collectives™ on Stack Overflow

jquery and asp.net gridview help

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related