jQueryを使用してASPxButtonをクリックする方法

Question

私はASPxButtonを持っている：

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

私はボタンのクリックを引き起こすためのjQueryを使用してい：

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

しかし、事がうまくいきません。ボタンはクリックしません。これについての解決策を見つけるのを助けてください。実際には、DevExpress社はこれを行うために私たちを助けるためにJavaScript関数の多くを提供してきました

Answer 1

：

​​

「MainContainは、」コンテンツプレースホルダーのIDです。これを実行するには、ボタンをコンテンツプレースホルダーの内側に置かなければなりません。これをアーカイブするには、 "aspxBClick"関数を呼び出して、コンテンツプレースホルダーIDとボタンIDをコンパイルした文字列のパラメーターを渡します。

コード例：

<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> 

追加方法：

私たちは、クリックするとボタンIDを呼び出すことができます。

btnRefreshData.DoClick(); 

はボタンに属性ClientInstanceNameを追加することを忘れないでください：

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

Answer 2

クライアント側のdevexpressボタンでclickイベントを発生させるには、ClientSideEventsを定義します。

あなたはClientSideEventsの設定に直接関数を宣言することができます

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

か、別の場所で定義されますjsの関数で割り当てることができます。

<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'); 
} 

出典：https://documentation.devexpress.com/#AspNet/CustomDocument9448