Ajax modalpopupextender没有弹出

时间:2014-05-08 12:44:44

标签: asp.net ajax popup modal-dialog modalpopupextender

    .modalBackground
    {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .modalPopup
    {
        background-color: #ddffdd;
        border-width: 3px;
        border-style: solid;
        border-color: Gray;
        margin-top: 60px;
        padding: 2px;
        width: 400px;
        font-size: 10pt;
    }

<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="Button3"
    OkControlID="btnOk" TargetControlID="LinkButtonDummy" PopupControlID="PanelPopUp"
    BackgroundCssClass="modalBackground" />
<asp:Panel ID="PanelPopUp" runat="server" CssClass="modalPopup" Style="display: none">
    <div>
        <asp:Label ID="lblMsg" runat="server" />
        <asp:Button ID="Button2" runat="server" Text="Add New Organisation" OnClick="Button2_Click" />
        <asp:Button ID="Button3" runat="server" Text="Cancel" />
    </div>
</asp:Panel>

我还在母版页上包含了AJAX参考和ScriptManager。

我必须为现有页面添加一个增强功能,我对ASP.NET很新,有问题的页面是一个“内容页面”,并链接到一个母版页(包含脚本管理器)。

这段代码看起来都很好,我现在已经阅读了三个多小时但是无济于事 - 我的模态没有'弹出'并且背景灰白,它只是出现在我放置它的地方在页面上(右上角或右下角等),好像我只是显示/隐藏div。

任何人都可以帮忙,我会发疯吗?

我可以使用哪些其他路线在页面上添加一个确认框,该页面采用代码隐藏中内置的字符串,并在OK / Cancel上运行代码隐藏功能?

1 个答案:

答案 0 :(得分:0)

保持你的css并试试这段代码:

    <asp:HiddenField ID="HiddenField1" runat="server" />
            <asp:ModalPopupExtender ID="MyPopup" runat="server" CancelControlID="Button3" OkControlID="btnOk" PopupControlID="PanelPopUp" BackgroundCssClass="modalBackground" DynamicServicePath="" Enabled="True"  
                TargetControlID="HiddenField1"></asp:ModalPopupExtender>

                                    

并在Button2_Click事件添加

  MyPopup.Show();