如何在我的 Web 应用程序中使用 ajax 工具包控件？

Question

我正在尝试在我的 ASP .net 应用程序中使用一些 Ajax 工具包控件，但它似乎不起作用。
我想在我的表单中使用模态弹出窗口，但必须在弹出窗口上显示的面板、在浏览器上显示的面板和按钮什么都不做。为什么它不起作用？
我在 VB .net 中编写代码，并且有我的示例：

    <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="FieldItem.ascx.vb" Inherits="DataBaseWorker.FieldItem" %>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    <link href="../Styles/FieldItem.css"  rel="stylesheet" type="text/css" />
    <div class="TitleDiv">

<span runat="server" id="lblIndex" class="IndexSpan">111</span>
<span runat="server" id="lblDelimeter" class="IndexSpan"> ) </span>
<span runat="server" id="lblTitle" class="TitleSpan">test</span>
<span runat="server" id="lblActiveState" class="TitleSpan">test</span>
<span runat="server" id="lblAlias" class="TitleSpan">test</span>
<asp:Button CssClass="buttonControl" ID="btnDelete" runat="server" Text="test" />
<asp:Button CssClass="buttonControl" ID="btnEdit" runat="server" Text="test" />
<asp:Button CssClass="buttonControl" ID="btnAddAlias" runat="server" Text="test" />
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
 CancelControlID="btnCancel" OkControlID="btnSubmitAlias" TargetControlID="btnAddAlias"
  PopupControlID="addAliasPlace" Drag="false">

  <Animations>
                <OnShowing>
                    <Sequence>
                        <StyleAction AnimationTarget="CloseButton" Attribute="display" Value="none" />
                        <Resize Duration="0" Height="50px" Width="50px" />
                    </Sequence>
                </OnShowing>
                <OnShown>
                    <Sequence>
                        <Parallel>
                            <FadeIn />
                            <Scale ScaleFactor="5" Center="True" />
                        </Parallel>
                        <StyleAction AnimationTarget="CloseButton" Attribute="display" Value="" />
                    </Sequence>
                </OnShown>    
                <OnHiding>
                    <Sequence>                            
                        <StyleAction AnimationTarget="CloseButton" Attribute="display" Value="none" />
                        <Parallel>
                            <FadeOut />
                            <Scale ScaleFactor="5" Center="True" />
                        </Parallel>
                    </Sequence>
                </OnHiding>            
        </Animations>

</asp:ModalPopupExtender>

    </div>
<asp:Panel Visible="false"  runat="server" id="addAliasPlace" >

<div  class="AddAliasDiv">
    <asp:TextBox ID="txtAliasName" CssClass="TitleSpan" runat="server"></asp:TextBox>
    <asp:Button CssClass="buttonControl" ID="btnSubmitAlias" runat="server" Text="ثبت" />
    <asp:Button CssClass="buttonControl" ID="btnCancel" runat="server" Text="بازگشت" />
</div>
</asp:Panel>

Answer 1

当我使用模态弹出窗口时，我可以描述我在做什么。

<asp:Button ID="btnshowpopup" runat="server" Style="display: none;" />


<act:ModalPopupExtender ID="test" runat="server"
       TargetControlID="btnshowpopup"
       PopupControlID="addAliasPlace"
       CancelControlID="btnModalCancel"
       BackgroundCssClass="modalBackground"
       BehaviorID="addAliasPlace">
   </act:ModalPopupExtender>

在我使用 js 显示模态之后，例如：

$find("addAliasPlace").show();

Answer 2

如果它是用户控件，则必须使用 System.Web.UI.ScriptControl。

来自 pietschsoft.com：ScriptControl 基类在派生控件的 PreRender 阶段测试页面中的 ScriptManager 控件。 ScriptControl 基类还确保派生控件在 Render 事件期间调用 ScriptManager 控件的方法来注册脚本。这包括在调用 Render 方法时为 ScriptControl 注册 ScriptDescriptor 对象。 Render 方法确保 ScriptDescriptor 对象不被呈现，除非 ScriptControl 本身被呈现。这使 ScriptControl 可以在关闭的 WebPart 控件中工作。

另见： http://pietschsoft.com/post/2008/05/15/ASPNET_Create_AJAX_Server_Controls_using_the_ScriptControl_base_class