如何在Web應用程序中使用Ajax工具包控件？

Question

我正在嘗試在我的ASP .net應用程序中使用一些Ajax工具包控件，但似乎無法正常工作。
我想在表單中使用Modal彈出窗口，但是必須在彈出窗口中顯示的面板，在瀏覽器中顯示的面板和按鈕什么也不做。 為什么它不起作用？
我在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方法可確保除非呈現ScriptControl本身，否則不會呈現ScriptDescriptor對象。 這使ScriptControl可以在封閉的WebPart控件中工作。

另請參見： http : //pietschsoft.com/post/2008/05/15/ASPNET_Create_AJAX_Server_Controls_using_the_ScriptControl_base_class