ASP.NET Ajax и ModalPopupExtender не отображаются

Я не могу получить всплывающее окно панели с помощью 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, ничего не происходит. Любая идея?


asp.net asp.net-ajax ajaxcontroltoolkit
person Davita    schedule 15.09.2010    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Где вы взяли этот код? С такими параметрами на css я не думаю, что вы когда-нибудь увидите модальное окно.

 top:-1000px;
 left:-1000;

В любом случае, я думаю, что вы должны следовать примеру, который дает MS, и просто копировать/вставлять и работать над этим примером. Пример совсем другой, чем у вас.

получить SDK с http://www.asp.net/ajaxlibrary/download.ashx а затем найдите в примерах ModalPopUp

person Aristos    schedule 15.09.2010

arrow_upward
5
arrow_downward

вероятно, уже слишком поздно, чтобы помочь, но если кто-то еще наткнется на это, я уверен, что ответ - заменить: <asp:ScriptManager runat="server"></asp:ScriptManager> на <asp:ToolkitScriptManager ID="whatever" runat="server">

ваше всплывающее окно не получает поведение из правильного набора js. после установки AjaxControlToolkit становится доступным ToolkitScriptManager. это маленькое примечание, к сожалению, не включено в пошаговые инструкции по установке.

еще кое-что. заменить -1000; на -1000px;

person jay    schedule 30.03.2011