Question

我已经在线搜索过，并尝试了一些解决方案，但没有一个能为我工作。

我在div中有一个按钮。我在jquery对话框中显示div。按钮单击在jquery对话框中不起作用。

我的代码如下：

ASPX

    <div id='one'>
 <asp:LinkButton ID="ConfigureAlerts" OnClick="btnConfigureAlerts_Click" runat="server">Configure Alerts</asp:LinkButton>
</div>
<div id="ViewModalPopupDiv2">
        <asp:UpdatePanel ID="UpdatePanel3" runat="server">
            <ContentTemplate>
            <asp:Panel ID="Panel2" runat="server" HorizontalAlign="left" ScrollBars="Auto">
            <asp:Button ID="btnGetLogs" runat="server" Text="SendAlerts" OnClick="btnSendAlertEmail_Click"/>
            </asp:Panel>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>

jquery

function ViewModelPopup2() {
            $("#ViewModalPopupDiv2").dialog({
                scrollable: true,
                width: 800,
                modal: true
            });
        }

aspx.cs

protected void btnSendAlertEmail_Click(object sender, EventArgs e)
        {

            // Code to send email

        }

protected void btnConfigureAlerts_Click(object sender, EventArgs e)
        {

        ScriptManager.RegisterStartupScript
                       (this, this.GetType(), "callScriptFunction", "ViewModelPopup2();", true);
        }
    }

请让我知道我需要做什么，以触发服务器控制事件。

Answer 1

我也遇到过asp.net按钮和jQuery UI Dialog这个问题。要解决此问题，您需要在aspnet按钮中设置标记UseSubmitBehavior到false。

如果UseSubmitBehavior属性设置为 true （这是默认值），则该按钮将使用浏览器的提交机制（并且jQuery Dialog UI正在操作它），如果{{ 1}}设置为 false ，该按钮将使用asp.net框架在页面中包含的客户端脚本发布到表单。

所以你的HTML应该是这样的：

UseSubmitBehavior

http://msdn.microsoft.com/library/system.web.ui.webcontrols.button.usesubmitbehavior.aspx

的更多详情

Answer 2

这是经典，感谢我移动我的对话框jQuery，问题。

jQuery UI由于某种原因将对话框代码移动到表单标记之外的html标记的底部。您需要使用更多jQuery将对话框移回到表单中：

dlg.parent().appendTo(jQuery('form:first'));

其中dlg是你的jQuery.UI对话框对象。

        var dlg = $("#ViewModalPopupDiv2").dialog({
            scrollable: true,
            width: 800,
            modal: true
        });
        dlg.parent().appendTo(jQuery('form:first'));

这应该让事情再次为你效劳。干杯！

如果这不起作用，请尝试在打开的事件中执行此操作：

open: function(type,data) { $(this).parent().appendTo("form"); }

无法在jquery对话框中单击asp.net按钮

2 个答案: