【问题标题】:button trigger doesn't get called按钮触发器不会被调用
【发布时间】:2016-02-25 17:32:47
【问题描述】:

当用户尝试删除客户时,会出现一个弹出窗口,列出原因。下面是一个删除按钮,它调用后面代码中的删除函数。 但是按钮没有被触发,我也没有收到任何错误,所以我不知道为什么它不起作用

第一个按钮只是显示弹出对话框,第二个按钮调用 btnDelete_Click 函数。

按钮:

 <a runat="server" id="btnDelete" style="float:right;"  class="btnDeleteLarge" href="#" onclick="OpenDeleteDialog()">Delete</a>  
 <asp:Button runat="server" ID="btnDeleteReason" CssClass="btnDeleteLarge"  ToolTip="Delete customer" style="float:right;display:none" OnClick="btnDelete_Click" Text="Delete"  /> 

Javascript:

function pageLoad(sender, args)
    {
        $("#dvAddReason").dialog({
            modal: true,
            autoOpen: false,
            appendTo: "form",
            buttons: {
                'Delete': function () {
                    if(confirm('Are you sure you want to delete customer?')){
                        $('#<%=btnDeleteReason.ClientID %>').trigger('click');
                        }
                    },                
                    Cancel: function () {
                        $(this).dialog("close");
                    }
                }
        });
    }

    function OpenDeleteDialog(){
        $("#dvAddReason").dialog("open");
    }

所以问题出在$('#&lt;%=btnDeleteReason.ClientID %&gt;').trigger('click'); 行上。触发器不起作用,btnDelete_Click 永远不会被调用。

我也尝试将按钮更改为链接按钮:

<asp:LinkButton Visible="true" runat="server" ID="btnDeleteReason" OnClick="btnDelete_Click">LinkDelete</asp:LinkButton>

然后在javascript中调用__doPostBack('ctl00$ContentPlaceHolder1$btnDeleteReason', '');。但这也不起作用。

【问题讨论】:

  • btnDelete_Click 后是否需要开括号和闭括号? btnDelete_Click()

标签: javascript jquery asp.net button triggers


【解决方案1】:

我会说你的选择器很奇怪。 #&lt;%=btnDeleteReason.ClientID %&gt; 我明白你在做什么,但我不认为它会那样工作。你必须先解决&lt;%=btnDeleteReason.ClientID %&gt; 的含义(我想它会给你类似btnDeleteReason.23 的东西)然后将它用作选择器($('#btnDeleteReason.23').trigger('click')

PS:也许这可以工作:$('#&lt;%=btnDeleteReason.ClientID %&gt;').click();

PPS : 尝试 console.log('') 看看它给了你什么。

【讨论】:

    猜你喜欢
    • 2019-03-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-26
    • 1970-01-01
    相关资源
    最近更新 更多