AJAX之UpdatePanel 篇

最新推荐文章于 2017-04-10 18:37:35 发布
原创 最新推荐文章于 2017-04-10 18:37:35 发布 · 151 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #textbox #server #asp #triggers #xhtml

本文介绍了一个使用ASP.NET AJAX实现的简单示例，通过一个文本框输入公司代码后，另一个文本框的内容会自动更新为“test”。该示例利用了UpdatePanel和AsyncPostBackTrigger组件来实现页面局部刷新。

 

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test2.aspx.cs" Inherits="WebApplication1.test2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>  
        <asp:UpdatePanel runat="server" ID="updatePanel2">
            <ContentTemplate>
                <asp:TextBox ID="txtCompanyCd" runat="server" OnTextChanged="txtChanged" AutoPostBack="true"></asp:TextBox>
                <asp:TextBox ID="txtUserNm" runat="server" ></asp:TextBox>               
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="txtCompanyCd" EventName="textChanged" />               
            </Triggers>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

 

后台：

        protected void txtChanged(object sender, EventArgs e)
        {
            txtUserNm.Text = "test";
        }

 

错误提示的时候，注意要用：

 

     ScriptManager.RegisterStartupScript(this.updatePanel2, this.GetType(), "sucess", "alert('登録完了しました。')", true);

 

不能用：  this.ClientScript.RegisterStartupScript(GetType(), "getUserInfo", “alert(3434)”, true);

 

xiaoheixiaobai
关注
【AJAX】——UpdatePanel控件的使用
王萌萌
02-15 1073
简介     UpdatePanel是AJAX中的一个很实用的控件，它可以用来创建丰富的局部更新Web应用程序，它的强大之处在于不用编写任何客户端脚本，只要在一个页面上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新。     定义     下面是UpdatePanel控件的定义：
Ajax控件：UPdatepanel使用
05-17
Ajax控件：UPdatepanel使用
Ajax学习札记（二）Accordion控件
weixin_30405421的博客
08-30 167
Accordion是第一个控件，言归正传，正式开始： 一．Accordion 是一个可以让你在你的 Web 页面方便地开发类似 Outlook 工具栏的 ASP.Net AJAX 控件。 它可以使得你的页面用户方便地展开或者关闭一系列页面元素的显示。 它有点类似多个 CollapsiblePanels 控件的组合。 但是在一个时间内，它只能限制你的页面用户只能展开其中的一个部分， 每一个 Ac...
AJAX——UpdatePanel
许小乖……是总攻
05-29 1048
在学习AJAX这是第一个遇到的控件，有点陌生，所以对于没有接触过的东西还是去主动亲近一些比较好。学到后面的地方，发现这个控件很常用，几乎是所有用到局部刷新的地方都会有它的出现。 首先看一下UpdatePanel的结构： 其次，什么是UpdatePanel呢？            通俗的说UpdatePanel是
AJAX控件UpdatePanel使用详解
阳光岛主
02-04 4831
AJAX控件UpdatePanel使用详解（一）UpdatePanel可以用来创建丰富的局部更新Web应用程序，它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件，其强大之处在于不用编写任何客户端脚本，只要在一个页面上添加几个UpdatePanel控件和一个ScriptManager控件就可以自实现一．UpdatePanel控件概述UpdatePanel可
Ajax系列之三：UpdatePanel
06-28 1931
UpdatePanel控件也是Ajax里用得最多的控件之一，UpdatePanel控件是用来局部更新网页上的内容，网页上要局部更新的内容必须放在UpdatePanel控件里，他必须和上一次说的ScriptManager控件一起使用。现在来看UpdatePanel的属性 UpdatePanel重要的属性如下： 属性 说明 ChildrenAsTrigg
ASP.NET AJAX进阶篇：掌握UpdatePanel的核心技巧
ASP.NET AJAX核心组件之一是UpdatePanel，它允许开发者实现页面上部分数据的异步更新而不必重新加载整个页面。本课程是关于ASP.NET AJAX系列课程的第二部分，将深入浅出地介绍UpdatePanel的基本使用方法。 首先，...
ASP.NET 2.0 AJAX Extensions：UpdatePanel详解
"这篇文档主要介绍了ASP.NET AJAX中的UpdatePanel控件的使用，包括其基本概念、工作原理以及关键属性的解释。" 在ASP.NET AJAX框架中，UpdatePanel控件是一个非常关键的组件，它使得开发者能够在不刷新整个网页的...
ASP.NET AJAX入门：UpdatePanel控件详解
这篇文档将深入介绍UpdatePanel的基本概念、工作原理以及如何使用其主要属性。 1. **UpdatePanel控件概述** UpdatePanel是ASP.NET AJAX扩展中的一个关键控件，它的主要功能是允许页面的部分区域进行异步更新，即在...
ASP.NET AJAX控件详解：ScriptManager, ScriptManagerProxy, UpdatePanel
"这篇文章主要介绍了ASP.NET中五个关键的AJAX控件的使用方法和作者在实际项目开发中的经验总结。作者提供了对这些控件的理解，并给出了具体的代码示例，帮助开发者更好地掌握ASP.NET AJAX技术。" 在ASP.NET中，AJAX...
ASP.net+Ajax网站开发实战第二篇：深入实例分析
标题中提到的“ASP.net+ajax网站开发典型实例（第二篇）”指向了关于使用ASP.net结合Ajax技术进行网站开发的具体案例分析。ASP.net是微软公司推出的用于构建Web应用程序的.NET框架的一部分，而Ajax（Asynchronous ...
UpdatePanel实现Ajax
12-30
UpdatePanel实现Ajax 通过UpdatePanel实现时间效果
UpdatePanel的用法详解
songjg2010的博客
07-09 279
UpdatePanel的用法详解 今天用UpdatePanel做了一个实例,发现提示：requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it. 后来在UpdatePanel控件前面加上 ，问题马上就解决了，看来还是对这个控件不了解啊，呵呵... ...
UpdatePanel用法，太有用了
xingxuejiao的专栏
05-04 1063
UpdatePanel的用法详解 今天用UpdatePanel做了一个实例,发现提示：requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it. 后来在UpdatePanel控件前面加上 ，问题马上就解决了，看来还是对这个控件不了解啊，呵呵..
ASP.Net Ajax框架 UpdatePanel控件 局部刷新
寂寞的一只狗的博客
04-10 2795
UpdatePanel控制简介         UpdatePanel控件用于局部更新网页上的内容， 网页上要局部更新的内容放在UpdatePanel控件的内容模板中，         其强大之处在于不用编写任何客户端脚本，但它必须要和ScriptManager控件一同使用         UpdatePanel的常用属性和子元素
UpdatePanel控件的使用
weixin_34167043的博客
10-20 424
ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果。其中的UpdatePanel就是设置页面中异 步局部更新区域，它必须依赖于ScriptManager存在，因为ScriptManger控件提供了客户端脚本生成与管理UpdatePanel的功 能。 几个重要的属性：     ScriptManager控件的EnablePartialRendering属...
实现页面异步局部更新-Ajax updatepanel控件
程序媛~
02-19 3415
优化系统，是因为系统的不够完善，同时也是为了软件的可持续发展。开发软件的同志们，应该都有同感，优化比开发难，但是无可厚非的是，优化比开发重要。            本着这么一项宗旨，我在优化自己那一个功能模块时，不得不走上了“更快更好更实用”的路子，其中用到了一些技术和技巧性的东西，愿意拿出来分享给大家，会以博客的方式陆续发表出来，希望大家多提宝贵意见！   因为某种原因，需要用到页面
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值