我可以在 Visual Studio 2005 中使用 ajaxToolkit:ModalPopupExtender答案

【问题标题】：can i use ajaxToolkit:ModalPopupExtender in visual studio 2005我可以在 Visual Studio 2005 中使用 ajaxToolkit:ModalPopupExtender
【发布时间】：2018-01-02 07:11:03
【问题描述】：

我有一个在 Visual Studio 2005 中开发的 asp.net web 表单项目。我正在尝试使用模态弹出窗口（使用 ajaxToolkit:ModalPopupExtender），但它不起作用。但它在 vs2010 中完美运行。这让我很困惑。是否有可能在vs2005中实现。

【问题讨论】：

我认为错误是这样的：Element "ModalPopupExtender" is not a known element。适用于 VS 2005 和 .NET 2.0 的 AJAX 控制工具包是 1.0.20229，请确保在 web.config 中添加它的引用：<add tagPrefix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit"/>。
非常感谢。我正在努力

标签： asp.net visual-studio-2005 modalpopupextender

【解决方案1】：

是的，有可能，您尝试流式处理此代码 --添加ajaxcontroltoolkit---

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

-- 取fale按钮--

<asp:LinkButton Text="" ID="lnkFake" runat="server" />

---那你拿这个代码---

 <ajaxToolkit:ModalPopupExtender ID="mpe" EnableViewState="true" runat="server" PopupControlID="pnlPopup"
                TargetControlID="lnkFake" CancelControlID="btnClose" BackgroundCssClass="modalBackground">
            </ajaxToolkit:ModalPopupExtender>
            <asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Width="50%" Style="display: none;
                background-color: lightsteelblue;">
                <asp:Label runat="server" ForeColor="Green" ID="lblModelShow" Font-Size="12px" Font-Bold="true"></asp:Label>
                <div style="display: block; overflow: auto; width: 100%; height: 700px; text-align: center"
                    class="textarea">
                    <div class="row">
                        <div id="Div1" style="overflow: scroll; height: 620px;">
                            <br />
                            <br />
                            <asp:GridView ID="GridView1" runat="server" Height="1px" Width="750px" CellPadding="4"
                                BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px">
                                <Columns>
                                    <asp:TemplateField HeaderText="SL">
                                        <ItemTemplate>
                                            <%#Container.DataItemIndex+1 %>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                                <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
                                <RowStyle CssClass="AlternatColor" Width="80px" ForeColor="#003399" />
                                <PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" />
                                <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" CssClass="AlternatColor" />
                                <HeaderStyle BackColor="#003399" BorderStyle="Double" Width="80px" Font-Bold="True"
                                    ForeColor="#CCCCFF" />
                            </asp:GridView>
                        </div>

--- 这是 C# 代码--- --- 你可以尝试展示你的道具 ----

 mpe.Show();

【讨论】：

请记住，您需要使用在程序集注册的 TagPrefix 中设置的任何内容。例如这里它被设置为 cc1，因此在 .aspx 代码中它应该是而不是

【解决方案2】：

你也可以用这个：

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 



<asp:LinkButton ID="lnkbutton" runat="server"></asp:LinkButton>
        <ajaxToolkit:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="lnkbutton"
            CancelControlID="btnClose" BackgroundCssClass="modalBackground">
        </ajaxToolkit:ModalPopupExtender>
        <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup " align="center" Style="display: none">
            <h2 style="color: #000; text-decoration: underline">
                <asp:Label ID="lblGridHeader" runat="server" Text="`enter code here`Points Redeem"></asp:Label></h2>
                <div>

                </div>
            <asp:Button ID="btnClose" runat="server" Text="Close" />
        </asp:Panel>

风格：

<style type="text/css">
        body {
            font-family: Arial;
            font-size: 10pt;
        }

        .modalBackground {
            background-color: #ccc;
            filter: alpha(opacity=90);
            opacity: .9;
        }

        .modalPopup {
            background-color: #fff;
            border: 3px solid #ccc;
            padding: 10px;
            width: 900px !important;

        }

        @-webkit-keyframes blinker {
            from {
                opacity: 1.0;
            }

            to {
                opacity: 0.2;
            }
        }

        .blink {
            text-decoration: blink;
            -webkit-animation-name: blinker;
            -webkit-animation-duration: 0.8s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-direction: alternate;
        }

        .modal {
            position: fixed;
            top: 0;
            left: 0;
            background-color: #0000009e;
            z-index: 500;
            opacity: 1;
            filter: alpha(opacity=80);
            min-height: 100%;
            width: 100%;

        }

        .modal-backdrop {
            position: fixed;
            top: auto;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000;
        }

        .modal-dialog {
            width: 1220px;
        }
    </style>

【讨论】：