.NET学习（八）UpdatePanel组件的使用

最新推荐文章于 2018-12-23 14:05:16 发布

BrownWong

最新推荐文章于 2018-12-23 14:05:16 发布

阅读量398

点赞数

分类专栏： .net 文章标签： updatepanel .net

本文链接：https://blog.csdn.net/qq_16912257/article/details/50420954

版权

.net 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

UpdatePanel组件是asp.net支持ajax局部更新的一个重要的组件，本节简单介绍它的使用。
更为详细、优秀的教程在msdn！！
https://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel(v=vs.110).aspx

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

    </div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </ContentTemplate>
            <Triggers >
                <asp:AsyncPostBackTrigger ControlID="Button1"/>
            </Triggers>
        </asp:UpdatePanel>        
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        <p>
            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />           
        </p>                
    </form>
</body>
</html>

Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Label1.Text = DateTime.Now.ToString();
        Label2.Text = DateTime.Now.ToString();
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = DateTime.Now.ToString();
        Label2.Text = DateTime.Now.ToString();
    }
}

效果展示：
初始页面：
这里写图片描述
点击button后

可以看到，第一个label的时间更新了，因为它在UpdatePanel组件内，并实现了绑定。

BrownWong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
.NET学习（八）UpdatePanel组件的使用

UpdatePanel组件是asp.net支持ajax局部更新的一个重要的组件，本节简单介绍它的使用。更为详细、优秀的教程在msdn！！ https://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel(v=vs.110).aspxDefault.aspx<%@ Page Language="C#" AutoEventWire
复制链接

扫一扫