ASP.NET 2.0 AJAX UpdatePanel

最新推荐文章于 2024-07-25 12:41:07 发布
最新推荐文章于 2024-07-25 12:41:07 发布
阅读量648 收藏
点赞数
文章标签： asp.net ajax asp assembly server compilation

UpdatePanel可以用来创建丰富的局部更新Web应用程序，它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件，其强大之处在于不用编写任何客户端脚本，只要在一个页面上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新。UpdatePanel定义如下：

 

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
     <ContentTemplate>//
        <!--用来定义UPDATEPANEL总的内容，可以是任何HTML或ASP.NET元素，如果想用C#编程的方式加入控件，折需要在后台代码文件中写入 UpdatePanel1.ContentTemplateContainer.Controls.Add(button1);-->
      </ContentTemplate>
      <Triggers>
<!—写入控件事件的触发器，控件可在updatepanel中也可以不在-->
      <asp:AsyncPostBackTrigger ControlID=”Button1” Event=”Click”/>
 <!—AsyncPostBackTrigger表明button1的click事件采用异步回送,并且不触发传统的页面回送(无论button1是否在UpdatePanel1中)，除非控件声明了入dropdownlist的postback属性为true-->
     <asp:PostBackTrigger  ContolID=”Button2” Event=”Click”/>
 <!—PostBackTrigger声明了在UpdatePanel中Button2控件的Click触发采用了传统的POSTBACK方法 -->
     </Triggers>
</asp:UpdatePanel>


 控件可以直接从工具箱AJAX EXTENSIONS中拖取使用，下面罗列了较为重要的几个属性：
 
1、ChildrenAsTriggers：当UpdateMode属性为Conditional时，UpdatePanel中的子控件的异步回送是否会引发UpdatePanle的更新。
2、UpdateMode：表示UpdatePanel的更新模式，有两个选项：Always和Conditional。Always是不管有没有Trigger，其他控件都将更新该UpdatePanel，Conditional表示只有当前UpdatePanel的Trigger，或ChildrenAsTriggers属性为true时当前UpdatePanel中控件引发的异步回送或者整页回送，或是服务器端调用Update()方法才会引发更新该UpdatePanel。
   
        UpdatePanel还可以嵌套使用，即在一个UpdatePanel的ContentTemplate中还可以放入另一个UpdatePanel。当最外面的UpdatePanel被触发更新时，它里面的子UpdatePanel也随着更新，里面的UpdatePanel触发更新时，只更新它自己，而不会更新外层的UpdatePanel。
    
       一个使用UpdatePanel的例子：
    
当选在dropdown中选择不同的值或在detailview中进行插入操作时，girdview都可以不通过
刷新页面来反应数据库中的变化。


<?xml version="1.0"?>
<configuration>
    <configSections>
        <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
            <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
                <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/>
                <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
                    <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="Everywhere"/>
                    <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/>
                    <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/>
                </sectionGroup>
            </sectionGroup>
        </sectionGroup>
    </configSections>
    <connectionStrings>
        <add name="con" connectionString=""/>
        <add name="userDBConnectionString" connectionString="Data Source=./SQLEXPRESS;AttachDbFilename=|DataDirectory|/userDB.mdf;Integrated Security=True;User Instance=True" providerName="System.Data.SqlClient"/>
    </connectionStrings>
    <system.web>
        <pages>
            <controls>
                <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            </controls>
        </pages>
        <!--
          Set compilation debug="true" to insert debugging
          symbols into the compiled page. Because this
          affects performance, set this value to true only
          during development.
    -->
        <compilation debug="true">
            <assemblies>
                <add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
                <add assembly="System.Web.Extensions.Design, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/></assemblies>
        </compilation>
        <httpHandlers>
            <remove verb="*" path="*.asmx"/>
            <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
        </httpHandlers>
        <httpModules>
            <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
        </httpModules>
    </system.web>
    <system.webServer>
        <validation validateIntegratedModeConfiguration="false"/>
        <modules>
            <add name="ScriptModule" preCondition="integratedMode" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
        </modules>
        <handlers>
            <remove name="WebServiceHandlerFactory-Integrated"/>
            <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
        </handlers>
    </system.webServer>
    <appSettings>
    </appSettings></configuration>

 

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div class="todoheader">
        Refurbish The Users` List:
    </div>
    <div>
    sex
    <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true">
        <asp:ListItem Selected="True">female</asp:ListItem>
        <asp:ListItem>male</asp:ListItem>
    </asp:DropDownList>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server">
        <ProgressTemplate>
<DIV>Updating Data </DIV>
</ProgressTemplate>
    </asp:UpdateProgress>
    </div>
    <div class="todoheader">
        Users` List:
    </div>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
<asp:GridView id="GridView1" runat="server" CssClass="gridview" DataKeyNames="userId" AllowPaging="True" AutoGenerateColumns="False" __designer:wfdid="w1" DataSourceID="SqlDataSource1">
                 <Columns>
                    <asp:CommandField ShowDeleteButton="True" ShowEditButton="True" />
                    <asp:BoundField DataField="userId" HeaderText="userId" InsertVisible="False" ReadOnly="True"
                        SortExpression="userId" />
                    <asp:BoundField DataField="userName" HeaderText="userName" SortExpression="userName" />
                    <asp:BoundField DataField="sex" HeaderText="sex" SortExpression="sex" />
                    <asp:BoundField DataField="age" HeaderText="age" SortExpression="age" />
                </Columns>
            </asp:GridView>&nbsp;
</ContentTemplate>
        <Triggers>
<asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged"></asp:AsyncPostBackTrigger>
</Triggers>
    </asp:UpdatePanel>
    <div class="todoheader">
        User`s Detail:
    </div>
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <asp:DetailsView ID="DetailsView1" runat="server" Width="125px" AutoGenerateRows="False" DataKeyNames="userId" DataSourceID="SqlDataSource1" CssClass="detailsview">
        <Fields>
            <asp:BoundField DataField="userId" HeaderText="userId" InsertVisible="False" ReadOnly="True"
                SortExpression="userId" />
            <asp:BoundField DataField="userName" HeaderText="userName" SortExpression="userName" />
            <asp:BoundField DataField="sex" HeaderText="sex" SortExpression="sex" />
            <asp:BoundField DataField="age" HeaderText="age" SortExpression="age" />
            <asp:CommandField ShowInsertButton="True" />
        </Fields>
    </asp:DetailsView>
        </ContentTemplate>
    </asp:UpdatePanel>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:userDBConnectionString %>"
        SelectCommand="SELECT * FROM [userTable] WHERE ([sex] = @sex)" DeleteCommand="DELETE FROM [userTable] WHERE [userId] = @userId" InsertCommand="INSERT INTO [userTable] ([userName], [sex], [age]) VALUES (@userName, @sex, @age)" UpdateCommand="UPDATE [userTable] SET [userName] = @userName, [sex] = @sex, [age] = @age WHERE [userId] = @userId" OnSelecting="SqlDataSource1_Selecting" OnUpdating="SqlDataSource1_Updating">
        <SelectParameters>
            <asp:ControlParameter ControlID="DropDownList1" Name="sex" PropertyName="SelectedValue"
                Type="String" />
        </SelectParameters>
        <DeleteParameters>
            <asp:Parameter Name="userId" Type="Int32" />
        </DeleteParameters>
        <UpdateParameters>
            <asp:Parameter Name="userName" Type="String" />
            <asp:Parameter Name="sex" Type="String" />
            <asp:Parameter Name="age" Type="String" />
            <asp:Parameter Name="userId" Type="Int32" />
        </UpdateParameters>
        <InsertParameters>
            <asp:Parameter Name="userName" Type="String" />
            <asp:Parameter Name="sex" Type="String" />
            <asp:Parameter Name="age" Type="String" />
        </InsertParameters>
    </asp:SqlDataSource>
</asp:Content>


using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
       
    }
    protected void SqlDataSource1_Updating(object sender, SqlDataSourceCommandEventArgs e)
    {
        System.Threading.Thread.Sleep(1000);
    }
    protected void SqlDataSource1_Selecting(object sender, SqlDataSourceSelectingEventArgs e)
    {
        System.Threading.Thread.Sleep(1000);
    }
}

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/cryeyes/archive/2008/02/03/2080344.aspx

快乐上午茶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.NET利用AJAX控件局部刷新GridView
BruceYeWang的博客
05-12 435
文章目录问题与背景前期准备解决方法小Tips折磨之处 问题与背景 在做.NET局部刷新GridView作业时，我不知道如何把数据库中更新的数据让GridView局部刷新显示出来，在网络上搜索发现没有一份资源是令我满意的，经过自己的摸索(单步调试——猜原因——单步调试)，我终于完成了作业。 前期准备 在页面中拖入一个ScriptManager控件，然后拖入一个Updatepanel控件，需要动态刷新的数据(本文的刷新对象是GridView)就放在UpdatePanel控件中。如果你需要动态刷新的数据是通过按钮
asp.net 2.0动态网站开发教程
06-27
虽然ASP.NET 2.0本身并不直接支持AJAX，但可以通过使用UpdatePanel控件和ScriptManager组件实现部分页面更新，这在一定程度上提供了类似AJAX的功能。 九、Web服务和WCF ASP.NET 2.0还提供了创建和消费Web服务的能力...
ASP.NET 2.0 压缩ViewState最佳方法，支持UpdatePanel
weixin_33863087的博客
07-02 264
作者: 李嘉日期: 2009-02-09 17:05 我在一些项目中需要对ViewSate进行压缩，网上查阅了很多资料，发现每个方法方案都不完善，导致压缩ViewState后页面功能出现各种各样的问题，例如以下资料： 1. 压缩ASP.NET中的ViewState 2. 压缩ASP.NET中的ViewState的改进方法 3. 压缩 ViewState 后，与 UpdatePanel ...
ASP.NET 2.0 Ajax Beta 2 发布说明 (译自文档)
anluo4560的博客
09-25 133
1．发布说明 这篇文档是有关Ajax Beta1和Beta 2版本差别说明 Microsoft ASP.NET Ajax 2.0 Extension 是ASP.NET Ajax技术的新名称。如果您想提供建议，请到Ajax讨论与建议论坛发表您的观点。 这篇发布档主要包括，客户端核心框架，客户端类形系统，通过堆栈调用的HTTP POST和GET网络方法，ScriptM...
也学ASP.NET 2.0 AJAX 1.0 之一：使用ScriptManager,UpdatePanel,UpdateProgress
weixin_30644369的博客
08-02 106
也学ASP.NET 2.0 AJAX 1.0 之一：使用ScriptManager,UpdatePanel,UpdateProgress 也学ASP.NET 2.0 AJAX 1.0 之一：使用ScriptManager,UpdatePanel,UpdateProgress一、下载安装ASPAJAXExtSetup.msiASPAJAXCTP....
也学ASP.NET 2.0 AJAX 之二：使用Timer控件
weixin_30446613的博客
08-02 106
也学ASP.NET 2.0 AJAX 之二：使用Timer控件 时钟控件介绍这次你将使用Microsoft ASP.NET 2.0 AJAX Extensions服务器控件：ScriptManager、UpdatePanel、Timer来更新页面中的一部分。添加这些控件到一个页面上限制每次回调便更新整个页面。只有UpdatePanel控件内容将...
.net 2.0下的asp.net ajax基本使用方法
10-01 136
Codeasp.netajax中用到了几个dll文件，这些可以从网上下载。http://ajax.asp.net站点下可以找到相关的下载。这其中包括：System.Web.Extensions.dll、System.Web.Extensions.Design.dll、AjaxControlkit.dll、AjaxExtensionsToolBox.dll、Microsoft.Web.P...
asp.net 2.0 ajax技巧学习1
jackyrongvip的专栏
07-01 618
最近跟台湾章立民的好书在学习,台湾人写书就是牛,今天说的是如何用triggers,触发不在updatepannel 里的控件,比如下面的例子                                                                                       Width="432px">                     
Asp.net2.0中GridView、UpdatePanel等使用示例源码.zip
06-18
在Asp.net 2.0框架中，GridView和UpdatePanel是两种非常重要的控件，用于构建动态、交互式的Web应用程序。下面将详细讲解这两个控件的功能、用途以及如何使用它们。 1. GridView控件： GridView是ASP.NET中的数据...
VCG.rar_VCG_asp.net 2.0_asp.net2.0_www.vcg.c
09-19
【ASP.NET 2.0 知识点详解】 ASP.NET 2.0 是微软公司推出的一种基于.NET ..."VCG_asp.net 2.0_asp.net2.0_www.vcg.c"这个标签可能是指这个组件是与VCG网站（www.vcg.c）相关的，专门用于ASP.NET 2.0环境下的验证服务。
Microsoft ASP.NET 2.0 AJAX Extensions 1.0
09-04
**ASP.NET 2.0 AJAX Extensions 1.0** ASP.NET 2.0 AJAX Extensions是微软为.NET Framework 2.0引入的一个重要组件，旨在增强Web应用程序的用户体验，通过实现部分页面更新（Partial Page Rendering）和异步交互，...
征服 asp.net 2.0 ajax 上
11-24
在ASP.NET 2.0中，微软通过添加UpdatePanel、ScriptManager、Timer控件等来支持AJAX功能。UpdatePanel允许开发者将网页上的某个区域标记为可异步更新，这样在用户与该区域交互时，只有这部分内容会更新，而无需整个...
Asp.net2.0 Ajax 的UpdatePanel
07-16 709
    为了实现局部刷新，UpdatePanel主要是为局部刷新而设计的，实现起来非常简单，不需要增加任何代码，只要把需要更新的局部控件都包含在UpdatePanel中即可，比如说响应事件是一个Button Click，那么有2种方式实现局部刷新，一是直接把Button也包含在UpdatePanel中，二是设置这个UpdatePanel的trigger属性,指定ControlID和EventNam
《计算机网络》（第8版）第一章 概述 复习笔记
m0_70617423的博客
07-24 955
计算机网络在信息时代中的作用 互联网概述 互联网的组成 计算机网络在我国的发展 计算机网络的类别 计算机网络的性能 计算机网络体系结构
快速入门了解Ajax
音符犹如代码的博客
07-25 864
上面是一个原生的Ajax的一个写法，但是原生的Ajax太繁琐甚至还有浏览器不兼容的问题，所以现在都是基于原生的Ajax的Axios。意义：AJAX（Asynchronous JavaScript and XML）即异步 JavaScript 和 XML。介绍：Axios是简化的Ajax，对传统的Ajax操作的简化和改进，也是一个更强大和便捷的http请求处理的工具。下边是两个来自官网的post的请求和get请求的代码。
qt练习控件label控件-lineEdit控件样例代码
最新发布
07-30
qt练习控件label控件-lineEdit控件样例代码
ASP.NET 2.0与AJAX实战指南
4. **UpdatePanel与ScriptManager**：这两个组件是ASP.NET AJAX的核心组成部分，UpdatePanel允许开发者以无刷新方式更新页面的一部分，而ScriptManager则是协调服务器端和客户端AJAX脚本的中心点。 5. **AJAX与Web ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值