【问题标题】:Ajax modalpopupextender not popping upAjax modalpopupextender 没有弹出
【发布时间】:2014-06-25 20:48:06
【问题描述】:
    .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 上运行代码隐藏函数?

【问题讨论】:

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


    【解决方案1】:

    保持你的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();
    

    【讨论】:

    • 但是 button2 的点击是弹出窗口的确认,当用户按下这个按钮时,弹出窗口应该已经发生了?
    • 然后在要弹出的地方添加一行,可能在 page_load 事件中
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-02
    相关资源
    最近更新 更多