Question

我无法使用ModalPopupExtender获取面板弹出窗口。这是代码

.modalBackground
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  display:none;
  opacity:0.5;
}
.ModalWindow
{
  border: solid1px#c0c0c0;
  background:#f0f0f0;
  padding: 0px 10px 10px 10px;
  position:absolute;
  top:-1000px;
  left:-1000;
}

代码：

<asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:UpdatePanel runat="server">
    <ContentTemplate>
        <asp:Panel ID="panEdit" runat="server" Height="180px" Width="400px" CssClass="modalBackground">
            Content goes here
            <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
        </asp:Panel>
        <asp:LinkButton runat="server" ID="btnPopup" Text="pop" />
        <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" RepositionMode="RepositionOnWindowResize"
            TargetControlID="btnPopup" PopupControlID="panEdit" BackgroundCssClass="modalBackground"
            CancelControlID="btnCancel">
        </asp:ModalPopupExtender>
    </ContentTemplate>
</asp:UpdatePanel>

当我点击btnPopup时，没有任何反应。任何的想法？

Answer 1

可能为时已晚，无法帮助，但如果其他人偶然发现这一点，我很确定答案是替换： <asp:ScriptManager runat="server"></asp:ScriptManager> 同 <asp:ToolkitScriptManager ID="whatever" runat="server">

你的弹出窗口没有从正确的js集中获取行为。一旦安装了AjaxControlToolkit，就可以使用ToolkitScriptManager。遗憾的是，这个小小的注释未包含在逐步安装说明中。

还有一件事。将-1000;替换为-1000px;

Answer 2

你从哪里得到这段代码？在css上使用这个参数我不认为你曾经看过模态。

 top:-1000px;
 left:-1000;

无论如何，我认为您必须遵循MS提供的示例，只需复制/粘贴并处理该示例。这个例子与你完全不同。

从http://www.asp.net/ajaxlibrary/download.ashx获取sdk，然后搜索ModalPopUp的示例

ASP.NET Ajax＆amp; ModalPopupExtender不会显示

2 个答案: