刷新 ASPX 页面时记住活动选项卡

Question

我设置了一个 ASPX 页面，用于加载并显示来自本地 SQLite 数据库的动态数据。由于数据是从单独的 C# 应用程序写入数据库的，因此当数据库将自身标记为主动接收新数据时，我将 ASPX 页面设置为每 30 秒刷新一次。

在我的 ASPX 页面上，我有一个 TabContainer，其中包含几个不同的 TabPanel，每个 TabPanel 代表不同的数据视图。现在，当刷新我的页面时，活动选项卡面板将重置为我的 ASPX 页面中设置的 ActiveTabIndex。

我想知道是否有一种简单的方法来持久记住哪个选项卡。

谢谢！

编辑添加代码示例

MyPage.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageFile.master" AutoEventWireup="true" CodeFile="MyPage.aspx.cs" Inherits="MyPage" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="content" Runat="Server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager" runat="server" />
    <asp:TabContainer ID="tabContainer" runat="server" ActiveTabIndex="1" CssClass="myTabStyle" Visible="true">
        <asp:TabPanel ID="tab1" runat="server" HeaderText="Tab 1">
            <ContentTemplate>
                <p>Hello</p>
            </ContentTemplate>
        </asp:TabPanel>
        <asp:TabPanel ID="tab2" runat="server" HeaderText="Tab 2">
            <ContentTemplate>
                <asp:PlaceHolder ID="tab2placeholder" runat="server" />
            </ContentTemplate>
        </asp:TabPanel>
        <asp:TabPanel ID="tab3" runat="server" HeaderText="Tab 3">
            <ContentTemplate>
                <asp:TabContainer ID="tab3content" runat="server" ActiveTabIndex="0" CssClass="myTabeStyle" />
            </ContentTemplate>
        </asp:TabPanel>
        <asp:TabPanel ID="tab4" runat="server" HeaderText="Tab 4">
            <ContentTemplate>
                <p>Blah.</p>
            </ContentTemplate>
        </asp:TabPanel>
    </asp:TabContainer>
</asp:Content>

MyPage.aspx.cs

public partial class MyPage : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        ...
        if (isInProgress)
        {
            Response.AddHeader("Refresh", "30");
        }

        LoadTab1();
        LoadTab2();
        LoadTab3();
        LoadTab4();
        ...
    }
}

Answer 1

尝试将 UpdatePanel 放入 TabPanel 中。如果您发布 ASPX 的代码示例，那么帮助会更容易。

Answer 2

如果您一直在进行完整的回发，则将其保存在 ASP.NET 会话中。例如

Session["ActiveTab"] = index;

然后检索它：

int? activeTab = Session["ActiveTab"] as int?;

否则根据我的经验，使用 jQuery ajax 刷新数据是比使用 UpdatePanels 更好的方法。但看起来您已经致力于 MS Ajax，因此请遵循 Mike 的建议，使用 ajax 计时器而不是刷新标头。