unable to open jquery dialog on a linkbutton click

Question

note that i'm using asp.net with vb.net

jquery:

$("#create")
.button().click(function () {
$("#dialog-form").dialog("open");
});

$("#LinkButton3").click(function () {
        $("#dialog-form").dialog("open");
        return false;
    });

asp:

<asp:TemplateField HeaderText="Edit">
    <ItemTemplate> 
        <asp:LinkButton ID="LinkButton3" runat="server">LinkButton</asp:LinkButton>
    <a href="#" class="table-actions-button ic-table-edit" id="create"></a>
     </ItemTemplate> 
</asp:TemplateField>

the dialog opens for the a tag but does not open for the linkbutton can anyone tell me why my code is not working?

You need the client id of your link button: stackoverflow.com/questions/5392958/… — Pete
– Pete, Commented Sep 26, 2013 at 10:09

Adil · Accepted Answer · 2013-09-26 10:09:08Z

1

The id of linkbutton on client side would be different so use the ClientID to bind the event. Also put binding code indocument.ready. Assign a class to linkbutton and use class selector to bind event.

Html

<asp:TemplateField HeaderText="Edit">
    <ItemTemplate> 
        <asp:LinkButton ID="LinkButton3" runat="server" class="someclass">LinkButton</asp:LinkButton>    <a href="#" class="table-actions-button ic-table-edit" id="create"></a>
     </ItemTemplate> 
</asp:TemplateField>

Javascript

$('.someclass').click(function () {
    $("#dialog-form").dialog("open");
    return false;
});

If you need to use id for select then use attribute selector with starts with wild card.

$('[id=^LinkButton3]').click(function () {
    $("#dialog-form").dialog("open");
    return false;
});

answered Sep 26, 2013 at 10:09

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Comments

4b0 · Accepted Answer · 2013-09-26 10:11:03Z

0

Use ClientID to get server control in jquery like this.

  var create= "#<%=create.ClientID%>";
    $(create).on('click', function() { 
      $("#dialog-form").dialog("open");
    });

Don't forget to include js file and js code inside document.ready .

answered Sep 26, 2013 at 10:11

4b0

22.4k30 gold badges97 silver badges143 bronze badges

Comments

SarathSprakash · Accepted Answer · 2013-09-26 10:11:12Z

0

Try this

Add UseSubmitBehavior="false" to your asp link button

your html

<asp:TemplateField HeaderText="Edit">
    <ItemTemplate> 
        <asp:LinkButton ID="LinkButton3" runat="server" UseSubmitBehavior="false">LinkButton</asp:LinkButton>
    <a href="#" class="table-actions-button ic-table-edit" id="create"></a>
     </ItemTemplate> 
</asp:TemplateField>

answered Sep 26, 2013 at 10:11

SarathSprakash

4,6142 gold badges21 silver badges35 bronze badges

Comments

nrsharma · Accepted Answer · 2013-09-26 10:12:16Z

0

LinkButton is server side asp.net controls which causes postback. Another point is you are not using the correct id of the control it's changed. Try with $('#<%=LinkButton3.ClientID%>').

answered Sep 26, 2013 at 10:12

nrsharma

2,5724 gold badges21 silver badges36 bronze badges

Comments

sangram parmar · Accepted Answer · 2013-09-26 10:15:14Z

0

Replace you link button with this

<asp:LinkButton ClientIDMode="Static" ID="LinkButton3" runat="server">LinkButton</asp:LinkButton>

see this:

ClientIDMode="Static"

answered Sep 26, 2013 at 10:15

sangram parmar

8,7862 gold badges26 silver badges48 bronze badges

Collectives™ on Stack Overflow

unable to open jquery dialog on a linkbutton click

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related