• aspnetajax UpdatePanel控件简单应用


    UpdatePanel控件可使部分页面更新,而不引起整个页面回传。
    下面使用三个与UpadatePanel控件有着不同联系Button控件来更新存放在UpdatePanel控件的Label控件。
    Button1:放在UpdatePanel,但与T rigger部分没有联系,它只会引起
    UpdatePanel部分的页面回传并更新;
    Button:放在UpdatePanel外面,但与T rigger部分没有联系,它只会引起
    整个页面回传并更新;
    Button3:放在UpdatePanel,但与T rigger部分有联系,它只会引起
    UpdatePanel部分的页面回传并更新;


    using System;
    using System.Data;
    using System.Configuration;
    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)
        
    {
            
    //.定义Button3 的单击事件为UpatePanel控件AsyncPostBackTrigger 
            AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
            trigger.ControlID 
    = "Button3";
            trigger.EventName 
    = "Click";
            UpdatePanel1.Triggers.Add(trigger);
            
        }

        
    protected void Button3_Click(object sender, EventArgs e)
        
    {
            
    this.Label1.Text = DateTime.Now.ToString();
        }

        
    protected void Button1_Click(object sender, EventArgs e)
        
    {
            
    this.Label1.Text = DateTime.Now.ToString();

        }

        
    protected void Button2_Click(object sender, EventArgs e)
        
    {
            
    this.Label1.Text = DateTime.Now.ToString();
        }

    }



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

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title>UpdatePanel控件使用</title>
    </head>
    <body>
        
    <form id="form1" runat="server">
            
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
            
    <br />
            
    <div style="background-color:Gray;">
            UpdatePanel控件可使部分页面更新,而不引起整个页面回传。
    <br />
            下面使用三个与UpadatePanel控件有着不同联系Button控件来更新存放在UpdatePanel控件的Label控件。
    <br />
             Button1:放在UpdatePanel,但与T
    &nbsp;rigger部分没有联系,它只会引起<div>
                UpdatePanel部分的页面回传并更新;
    <br />
                 Button:放在UpdatePanel外面,但与T rigger部分没有联系,它只会引起
    <div>
                    整个页面回传并更新;
    <br />
                     Button3:放在UpdatePanel,但与T rigger部分有联系,它只会引起
    <div>
                        UpdatePanel部分的页面回传并更新;
    <br />
                        
                        
    <br />
                        
    </div>
                        
    <fieldset>
                        
    <legend> UpdatePanel控件内</legend>
                          
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    
    <ContentTemplate>
                        
    <asp:Label ID="Label1" runat="server" Text="Label" Width="102px"></asp:Label>
                        
    <asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" />
                    
    </ContentTemplate>
                    
                    
                
    </asp:UpdatePanel>
                        
    </fieldset>
            
            
    </div>
                
    </div>
            
    </div>
            
    <asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button2_Click" />
            
    <br />
            
    <asp:Button ID="Button3" runat="server" Text="Button3" OnClick="Button3_Click" />
        
    </form>
    </body>
    </html>
  • 相关阅读:
    java处理图片--图片的缩放,旋转和马赛克化
    Node.JS + MongoDB技术浅谈
    nodejs版本更新问题:express不是内部或外部命令
    解决mongodb的安装mongod命令不是内部或外部命令
    MongoDB Windows环境安装及配置
    WebStorm主题设置
    分页插件PageHelper
    Dubbo入门
    JVM组成
    java 多线程例子
  • 原文地址:https://www.cnblogs.com/lds85930/p/1174116.html
Copyright © 2020-2023  润新知