Trigger Click event using jQuery

Question

I want to trigger an ASP.NET button using jQuery
Target button placed in an Updatepanel
jQuery Code :

    $(document).ready(function () {
     $('.ViewDetail').click(function (e) {
        var ID = $(this).parent().parent().attr('ExpID');
        $("#hflIdentityID").val(ID);
        $("#btnLoadBills").trigger('click');
        $("#ExpenseBills").dialog("open");
        return false;
    });
        });

Mark Up code :

<asp:UpdatePanel ID="DetailBillUpdatepanel" runat="server">
            <ContentTemplate>
                <div id="btnLoadGrid" style="display: none;">
                    <asp:Button ID="btnLoadBills" ClientIDMode="Static" CausesValidation="false" runat="server"
                        Text="Button" />
                </div>
               GridView is Here...
            </ContentTemplate>
        </asp:UpdatePanel>

Behind Code :

Protected Sub btnLoadBills_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnLoadBills.Click
        grvExpenseBills.DataSource = tadok.Data.DataRepository.EdlBlpProvider.GetByEdlId(hflIdentityID.Value)
        grvExpenseBills.DataBind()
       End Sub

Why event does not fire ?

for this you have to read Ajax Client Life-Cycle Events

Amit
– Amit

2011-05-21 13:04:56 +00:00
Commented May 21, 2011 at 13:04 — Amit
– Amit, Commented May 21, 2011 at 13:04

Community · Accepted Answer · 2017-05-23 11:55:36Z

2

put your jquery event handler binding inside the following function

function pageLoad(sender,args) {

    // binding code here, for example
    $('#button').click(function(e) {
        // do something when the click event is raised
    });

}

pageLoad is executed after every postback, synchronous or asynchronous. pageLoad is a reserved function name in ASP.NET AJAX that is for this purpose. $(document).ready() on the other hand, is executed only once, when the DOM is initially ready/loaded.
This has been taken from this

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered May 21, 2011 at 12:41

Amit

22.2k28 gold badges76 silver badges94 bronze badges

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

1 Comment

Shahin Over a year ago

It works but something is strange for me , because my selector is not in Updatepanel why should i rebind click event outside Document.Ready ?!

Ahmed Atia · Accepted Answer · 2011-05-21 12:38:01Z

2

#btnLoadBills does not represent the actual ID of button, try to use the following

$('#<%= btnLoadBills.ClientID %>').trigger('click');

answered May 21, 2011 at 12:38

Ahmed Atia

18k26 gold badges95 silver badges135 bronze badges

5 Comments

Shahin Over a year ago

But ClientIdMode valued static.

Shahin Over a year ago

I also tried Dynamic ClientID and $('#<%= btnLoadBills.ClientID %>').trigger('click'); it does not work yet

Ahmed Atia Over a year ago

What is the aim of this "return false;" in your $(document).ready, shall you try without it??

Shahin Over a year ago

Thanks Ahmed , I did rebind my click event after postback regards Thomas answer and it works right now.

Ahmed Atia Over a year ago

I'm not pretty sure of this, but shall you try to add btnLoadBills as a trigger of updatepanel (either synchronous or asynchronous trigger), and try just for try. Also, I hope if you can check button functionality itself apart from trigger/click functions just to check this there is no something in the middle preventing button functionality.

Govind Malviya · Accepted Answer · 2011-05-21 12:57:09Z

1

Use this code for that kind of situation

 Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);


            function endRequestHandler(sender, args)

            {

                 $('.ViewDetail').click(function (e) {
                 var ID = $(this).parent().parent().attr('ExpID');
                 $("#hflIdentityID").val(ID);
                 $("#btnLoadBills").trigger('click');
                 $("#ExpenseBills").dialog("open");
                 return false;
             });

            }

answered May 21, 2011 at 12:57

Govind Malviya

13.8k17 gold badges70 silver badges95 bronze badges

Collectives™ on Stack Overflow

Trigger Click event using jQuery

3 Answers 3

1 Comment

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related