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

本文关键字:ajax 工具包 控件 应用程序 我的 web | 更新日期: 2023-09-27 18:02:18

我试图在我的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>

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

我可以描述当我使用模态弹出时我做了什么。

<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();

如果它是一个用户控件,你必须使用System.Web.UI.ScriptControl。

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