【Vegas原创】使用ModalPopupExtender实现弹出式窗口

2年前 (2022) 程序员胖胖胖虎阿

138 0 0

1，添加script manager
2，添加ModalPopupExtender
3，转到代码页，设置以下属性：

<cc1:ModalPopupExtender ID="ModalPopupExtender"
            TargetControlID="LinkButton3"
            PopupControlID="Panel1"
            BackgroundCssClass="modalBackground"
            OkControlID="OkButton"
            CancelControlID="CancelButton"
             OnOkScript="onclick();"
            DropShadow="true"
            PopupDragHandleControlID="Panel3"  runat='server'/>

targetcontrolID 是你点击的控件
PopupControlID 是弹出的窗口控件
BackgroundCssClass 是你的背景样式表
...
PopupDragHandleControlID 是你拖动Panel的区域控件

    <asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
            <asp:Panel ID="Panel3" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black">
                <div>
                    <p>添加标签页</p></div>
             </asp:Panel>
                <div><br />
                <p >标签页名称：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></p><br />
                   <p style="text-align: center;">
                        <asp:Button ID="OkButton" runat="server" Text="OK" />
                        <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
                    </p>
                </div>
            </asp:Panel>

css文件：