博客
关于我
asp.net ajax技巧7
阅读量:127 次
发布时间:2019-02-26

本文共 2116 字,大约阅读时间需要 7 分钟。

继续读老章的书,这次是看到如何在一个master页面中放些按钮,然后点的时候,更新content页面中的东西,而且可以做到局部更新。先看主MASTER页面
master页面的前台
<form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:Panel ID="MasterPanel1" runat="server" GroupingText="主控页面">
               <asp:Button ID="MasterButton1" runat="server" Text="整页更新" />
               <asp:Button ID="MasterButton2" runat="server" Text="局部更新" OnClick="MasterButton2_Click" Width="128px" />
            </asp:Panel>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
master页面的后台

 protected void Page_Load(object sender, EventArgs e)

    {
        ScriptManager1.RegisterAsyncPostBackControl(MasterButton2);
    }

    public DateTime LastUpdate

    {
        get
        {
            if(ViewState["LastUpdate"] == null)
            {
                return DateTime.Now;
            }
            else
            {
                return Convert.ToDateTime(ViewState["LastUpdate"]);
            }
        }
        set
        {
            ViewState["LastUpdate"] = value;
        }
    }

    protected void MasterButton2_Click(object sender, EventArgs e)

    {
        LastUpdate = DateTime.Now;
        UpdatePanel up1 = (UpdatePanel)(ContentPlaceHolder1.FindControl("UpdatePanel1"));
        up1.Update();
    }

注意这里因为希望主页面的“局部更新”按钮能引发异步更新内容页面中的UPDATEPANEL控件的内容,因此必须用
        ScriptManager1.RegisterAsyncPostBackControl(MasterButton2);
注册该按钮引发的事件。
   要注意masterbutton2_click事件的写法,调用内容页中的updatepanel控件的UPDATE方法来更新内容。
然后在内容页中前台中

<%@ Page Language="C#" MasterPageFile="~/ThirdMasterPage.master" AutoEventWireup="true"

    CodeFile="CH3_DemoForm040.aspx.cs" Inherits="CH3_DemoForm040" Title="如何于主控页面中使用 UpdatePanel 控件" %>

<%@ MasterType VirtualPath="ThirdMasterPage.master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:Panel ID="Panel2" GroupingText="内容页面" runat="server">
        <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
            <ContentTemplate>
                <p>
                    上一次更新:<strong><%= Master.LastUpdate.ToString() %></strong></p>
                <asp:Button ID="ContentButton" OnClick="ContentButton_Click" runat="server" Text="局部更新">
                </asp:Button>
            </ContentTemplate>
        </asp:UpdatePanel>
    </asp:Panel>
</asp:Content>

后台中,为其“局部更新”编写相关的事件,以将当前日期时间给主控页面的lastupdate属性
protected void ContentButton_Click(object sender, EventArgs e)
    {
        Master.LastUpdate = DateTime.Now;
    }

转载地址:http://zssf.baihongyu.com/

你可能感兴趣的文章
Mysql学习总结(34)——Mysql 彻底解决中文乱码的问题
查看>>
Mysql学习总结(35)——Mysql两千万数据优化及迁移
查看>>
Mysql学习总结(36)——Mysql查询优化
查看>>
Mysql学习总结(37)——Mysql Limit 分页查询优化
查看>>
Mysql学习总结(38)——21条MySql性能优化经验
查看>>
Mysql学习总结(39)——49条MySql语句优化技巧
查看>>
Mysql学习总结(3)——MySql语句大全:创建、授权、查询、修改等
查看>>
Mysql学习总结(40)——MySql之Select用法汇总
查看>>
Mysql学习总结(41)——MySql数据库基本语句再体会
查看>>
Mysql学习总结(42)——MySql常用脚本大全
查看>>
Mysql学习总结(43)——MySQL主从复制详细配置
查看>>
Mysql学习总结(44)——Linux下如何实现mysql数据库每天自动备份定时备份
查看>>
Mysql学习总结(45)——Mysql视图和事务
查看>>
Mysql学习总结(46)——8种常被忽视的SQL错误用法
查看>>
war包放到webapps下,启动tomcat,tomcat正常,却无法加载项目
查看>>
Mysql学习总结(48)——MySql的日志与备份还原
查看>>
Mysql学习总结(49)——从开发规范、选型、拆分到减压
查看>>
Mysql学习总结(4)——MySql基础知识、存储引擎与常用数据类型
查看>>
Mysql学习总结(50)——Oracle,mysql和SQL Server的区别
查看>>
Mysql学习总结(51)——Linux主机Mysql数据库自动备份
查看>>