使用 UpdatePanel 在 contentplaceholder 中的页面之间导航

【问题标题】：Navigate between pages in contentplaceholder using UpdatePanel使用 UpdatePanel 在 contentplaceholder 中的页面之间导航
【发布时间】：2013-01-03 11:17:35
【问题描述】：

我有一个母版页：

<asp:UpdatePanel ID="upPanel" runat="server">
    <ContentTemplate>
         <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
         </asp:ContentPlaceHolder>
    </ContentTemplate>
</asp:UpdatePanel>

我还有 3 个页面，带有导航按钮 Next 和 Back，如下所示：

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div>
        <asp:Label ID="lbl1" runat="server">Second PAGE</asp:Label>
        <asp:Button ID="btnBack" runat="server" />
        <asp:Button ID="btnNext" runat="server" />
    </div>   
</asp:Content>

您能否建议我，如何在这些页面之间导航而不加载所有页面并且仅重载内容？

【问题讨论】：

标签： asp.net ajax updatepanel master-pages

【解决方案1】：

您可以在btnNext 和btnBack OnClick 事件上添加和删除ContentPlaceHolderContent 中的控件

标记：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:UpdatePanel ID="upPanelContent" runat="server">
        <asp:contentplaceholder id="ContentPlaceHolderContent" runat="server" />
    </asp:UpdatePanel>  
    <asp:Button ID="btnBack" runat="server" OnClick="btnBack_Click"/>
    <asp:Button ID="btnNext" runat="server" OnClick="btnNext_Click"/>
</asp:Content>

代码隐藏：

  protected btnNext_Click(Object sender, EventArgs e) 
  {
     ContentPlaceHolderContent.Controls.Clear();
     Literal l = new Literal();
     l.Text = "new content";
     ContentPlaceHolderContent.Controls.Add(l);
  }

  protected void btnBack_Click(Object sender, EventArgs e) 
  {
     ContentPlaceHolderContent.Controls.Clear();
     Literal l = new Literal();
     l.Text = "old content";
     ContentPlaceHolderContent.Controls.Add(l);
  }

【讨论】：