2010-09-15 93 views
0

我无法使用ModalPopupExtender获取我的面板弹出窗口。 下面的代码ASP.NET Ajax和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,没有任何反应。 有什么想法?

回答

1

你从哪里得到这段代码? 有了这个参数在CSS上,我不认为你曾经看到过一种模式。

top:-1000px; 
left:-1000; 

无论如何,我认为你必须遵循由MS给出的例子,只需复制/粘贴和处理该例子。这个例子与你完全不同。

http://www.asp.net/ajaxlibrary/download.ashx获取SDK,然后在实例搜索ModalPopUp

5

可能为时已晚,以帮助,但如果在这个任何人都跌倒,我敢肯定的答案就是更换: <asp:ScriptManager runat="server"></asp:ScriptManager><asp:ToolkitScriptManager ID="whatever" runat="server">

您的弹出窗口没有得到正确的js设置的行为。一旦你安装了AjaxControlToolkit,ToolkitScriptManager就可以使用了。不幸的是,这个小小的附注并未包含在分步安装说明中。

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