ASP.NET 显示来自代码隐藏中创建的按钮的 ModalPopupExtender

Question

您好，我的 aspx 网页中有一个 modalPopupExtender 指向一个面板，在代码隐藏中我创建了按钮，我希望它们显示 modalPopup，所以我有：

buttonX.OnClientClick = "javascript:$get(" + modalPopup.ClientID + ").show();";

但它只是执行 PostBack，即使我输入“return false” ;”在过去代码的末尾。

Answer 1

我想我已经找到了一些办法，尽管我不确定这是最好的解决方案。

这是我的代码隐藏：

protected void Page_Load(object sender, EventArgs e)
    {
        Button btn = new Button();
        btn.Text = "Hello World!";
        btn.OnClientClick = "javascript:$get('" + HiddenField.ClientID + "').click(); return false;";
        PanelHello.Controls.Add(btn);
    }

这是我的 ASPX 页面：

<asp:HiddenField ID="HiddenField" runat="server" />
<asp:ModalPopupExtender ID="modalPopup" runat="server" TargetControlID="HiddenField"
    PopupControlID="Panel" DynamicServicePath="" Enabled="True" />
<asp:Panel ID="Panel" runat="server">
    <h1>
        Hello World!</h1>
</asp:Panel>

这使得模式弹出而不回发=D！

Answer 2

试试这个

buttonX.OnClick = "javascript: preventDefault(); $get(" + modalPopup.ClientID + ").show();";

Answer 3

我想我看到了你的问题。您没有在 JS 调用中引用 ClientID，因此它实际上只是失败 - 这就是 return false 也不起作用的原因。如果唯一的问题是回发，您仍然应该在页面回发到自身之前看到弹出窗口。

您的代码：

buttonX.OnClientClick = "javascript:$get(" + modalPopup.ClientID + ").show();";

将添加 "javascript:$get(ctl123).show();" （我使用 ctl123 作为您的 ClientID 的占位符名称） - 这个想法是错误正在发生因为你应该有这样的：

buttonX.OnClientClick = "javascript:$get('" + modalPopup.ClientID + "').show();";

它将输出 "javascript:$get('ctl123').show();"

区别在于第二个中控件 ID 被引用。

尝试一下，并添加 return false; 以防止回发。就像这样：

buttonX.OnClientClick = "javascript:$get('" + modalPopup.ClientID + "').show(); return false;";