Wie verwendet man jQuery, um ASPxButton zum Klicken zu bringen?

Question

Ich habe eine ASPxButton:

<dx:aspxbutton ID="btnRefreshData" runat="server" Text="Refresh" 
        meta:resourcekey="btnRefreshDataResource1"> 
       </dx:aspxbutton> 

Ich habe jQuery verwenden, um einen Klick auf den Button, um zu bewirken:

$('#btnRefreshData').click(); 

Aber was nicht funktioniert. Die Schaltfläche klickt nicht. Könnten Sie mir helfen, eine Lösung dafür zu finden?

Answer 1

Eigentlich hat DevExpress viel JavaScript-Funktionen zur Verfügung gestellt, die uns helfen, dies zu tun:

aspxBClick("MainContent_btnRefreshData") 

"MainContain" ist die ID des Content-Platz-Halter. Die Schaltfläche muss innerhalb des Inhaltsplatzhalters bleiben, um dies zu bewirken. Um dies zu archivieren, rufen wir die Funktion "aspxBClick" auf und übergeben einen Parameter, bei dem es sich um eine Zeichenfolge handelt, die aus der Inhaltsplatzhalter-ID und der ID des Buttons besteht.

Beispielcode:

<script> 
aspxBClick("MainContent_btnRefreshData") 
</script> 

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"> 
    <dx:aspxbutton ID="btnRefreshData" runat="server" Text="Refresh" 
        meta:resourcekey="btnRefreshDataResource1"> 
       </dx:aspxbutton> 
    </asp:Content> 

Zusätzliche Art und Weise:

Wir Taste ID rufen können Sie klicken:

btnRefreshData.DoClick(); 

Denken Sie daran Attribut ClientInstanceName auf die Schaltfläche hinzufügen:

<dx:aspxbutton ID="btnRefreshData" runat="server" Text="Refresh" ClientInstanceName="btnRefreshData" 
        meta:resourcekey="btnRefreshDataResource1"> 
       </dx:aspxbutton> 
    </asp:Content> 

Answer 2

Klicken Sie auf das Ereignis Ereignis auf Schaltfläche devexpress auf Clientseite auslösen, definieren Sie ClientSideEvents.

Sie eine Funktion direkt in der Einstellung der ClientSideEvents erklären kann:

<dx:ASPxButton ID="ASPxButton1" runat="server" Text="ASPxButton" AutoPostBack="False"> 
<ClientSideEvents Click="function(s, e) { 
     alert('The Click event has been invoked'); 
}" /> 

oder Sie können js Funktion zuweisen, die an anderer Stelle definiert werden:

<dx:ASPxButton ID="ASPxButton1" runat="server" Text="ASPxButton" AutoPostBack="False"> 
<ClientSideEvents Click="ASPxButton1_click" /> 

function ASPxButton1_click(s, e) { 
     alert('The Click event has been invoked'); 
} 

Quelle: https://documentation.devexpress.com/#AspNet/CustomDocument9448