如何使用jQuery使ASPxButton点击

Question

我有一个ASPxButton：

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

我已经使用jQuery引起点击按钮：

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

但事情并没有成功。按钮不响。你能帮我找到解决这个问题的办法吗？

Answer 1

实际上，DevExpress提供了很多JavaScript函数来帮助我们做到这一点：

aspxBClick("MainContent_btnRefreshData")

"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按钮上触发点击事件，请将其定义为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