1

我目前在更新面板中有一个更新面板。例如,我有一个母版页,母版页中的所有内容都在一个更新面板中,我将其命名为 updatepanel1。位于使用母版页的 aspx 页面中的较小更新面板称为 updatepanel2。

但是我有一个计时器对象,我只希望刷新 updatepanel2。但是,我的整个页面都会刷新,而不仅仅是 updatepanel2。

我应该如何对其进行编码以便仅刷新 updatepanel2 而不是 Updatepanel1,因为我不希望刷新母版页中的全部内容。

编辑:似乎它不会刷新的原因是因为我在我的页面中留下了一个刷新 HTML 元标记而忘记删除它。

4

2 回答 2

2

母版页

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication1.Site1" %>

<!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>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>             
            <asp:UpdatePanel ID="UpdatePanel1" runat="server"  UpdateMode="Conditional">
            <ContentTemplate> <asp:Label  Id="lblmaster" runat="server" Text="Label"></asp:Label>
               <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder>
            </ContentTemplate>               
          </asp:UpdatePanel>     
    </div>
    </form>
</body>
</html>

ASPX 页面

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Label ID="labelform" runat="server" Text="Label"></asp:Label>
          <asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick" Interval="10">
    </asp:Timer>
    </ContentTemplate>
    <Triggers>
    <asp:AsyncPostBackTrigger  ControlID="Timer1" EventName="Tick"/>
    </Triggers>

    </asp:UpdatePanel>

</asp:Content>

ASPX 页面的代码隐藏

using System;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class WebForm2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Timer1_Tick(object sender, EventArgs e)
        {
            labelform.Text = DateTime.Now.ToString();
         //  UpdatePanel1.Update();
            Label lblmaster = this.Master.FindControl("lblmaster") as Label;
            lblmaster.Text = DateTime.Now.ToString();
        }
    }
}

注意事项:

  1. 将两个更新面板的更新模式设置为“有条件”

  2. 在 updatePanel2 中添加时间控件

  3. 在 UpadatePanel2 中添加 AsynhronousTrigger 并将控件 id 设置为 timer 并将 event 标记为 EventName。

  4. 在代码后面的 timer_tick evert 中添加您的代码并查看。

重要的一点是,您必须对服务器进行异步调用,并且仅将更新窗格的页面集更新模式的特定部分更新为条件,并且您必须设置一些条件来更新触发器中的特定部分

希望这可以帮到你

谢谢你继续编码............!:)

于 2013-05-27T05:39:21.577 回答
0

Microsoft的文档讲述了导致 UpdatePanel 更新的不同情况。我强烈建议您将更新面板的使用限制为仅需要它的控件,而不是将整个页面包装在其中。

或者,更好的是,消除 UpdatePanel 并使用 JQuery 或 Microsoft Ajax 来更新您的内容。它具有较少的困难副作用。

于 2013-05-27T03:22:58.110 回答