Ajax Tab 控件中的 Tab 更改事件

Question

我在我的一个页面中使用了 Ajax Tab Control。它有一个主用户控件，其中包含三个选项卡。 这三个选项卡由三个单独的用户控件填充。 这些用户控件有一些控件和一个用于保存数据的保存按钮。 我的问题是，如果用户在当前选项卡用户控件中有任何未保存的更改，我必须阻止用户离开选项卡。我必须在弹出窗口中询问他您有未保存的更改，是否要保存它们。并且根据用户的反应必须跟进进一步的行动。 我可以使用 TabControl 的 OnClientActiveTabChanged 事件打开弹出窗口并询问未保存的更改。我面临着确切知道哪个选项卡的数据未保存的问题。我无法追踪用户试图离开的当前选项卡。任何人都可以帮助我始终维护当前选项卡的名称，以便每当用户单击任何其他选项卡时我都会知道我要浏览哪个选项卡的数据必须保存并可以从我的主用户控件中触发相应用户控件的保存功能。

请查找以下代码示例：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MasterUserControl.ascx.cs"
    Inherits="TabbedSolution.MasterUserControl" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Src="UserControl1.ascx" TagName="UserControl1" TagPrefix="uc1" %>
<%@ Register Src="UserControl2.ascx" TagName="UserControl2" TagPrefix="uc2" %>
<%@ Register Src="UserControl3.ascx" TagName="UserControl3" TagPrefix="uc3" %>
<div>
    <asp:TabContainer ID="TabContainer1" runat="server" 
    AutoPostBack="true" OnClientActiveTabChanged="chechUnsavedChanges" OnActiveTabChanged="tabChanged">
        <asp:TabPanel ID="TabPanel1" runat="server" HeaderText="Panel1" >
            <ContentTemplate>
                <uc1:UserControl1 ID="UserControl11" runat="server" />
            </ContentTemplate>
        </asp:TabPanel>
        <asp:TabPanel ID="TabPanel2" runat="server" HeaderText="Panel2">
            <ContentTemplate>
                <uc2:UserControl2 ID="UserControl21" runat="server" />
            </ContentTemplate>
        </asp:TabPanel>
        <asp:TabPanel ID="TabPanel3" runat="server" HeaderText="Panel3">
            <ContentTemplate>
                <uc3:UserControl3 ID="UserControl31" runat="server" />
            </ContentTemplate>
        </asp:TabPanel>
    </asp:TabContainer>
</div>

Answer 1

在你的 tabchanged javascript 函数中尝试这个

var container = $find('TabContainer1');
var activeTab = container.get_activeTabIndex(); 

我不知道没有 jquery 的方法，但是为什么使用没有 jquery 的 javascript 呵呵:)

ps: 我还没有测试过这个解决方案，但它应该可以工作

Answer 2

在我看来，如果您可以获取当前活动选项卡索引并将其存储在会话中，那应该可行。这就是我为 asp.net 控件的多视图 act​​iveviewindex 等 onclick 事件所做的事情。我获取页面加载完成事件上的值以保存用户刷新时的当前视图等。

我发现使用带有更新面板的多视图和一点图形天才使其看起来像一个选项卡，您可以制作一个选项卡控件可以有可点击的链接按钮，这样你就可以这样设置会话......设置 onclick 并在加载完成时检索。

前任：
Session("whichTab") = myTabControl.activetabindex 单击并
当前页面加载完成时 whatever = Session("whichTab")。

注意：我在 VB.net 中完成所有这些操作，

这背后的代码会告诉您当用户更改选项卡时他或她之前所在的选项卡。当然，您必须找到为您的应用程序执行此操作的最佳方法，并查看选项卡控件选项卡如何似乎没有服务器端单击事件，我改为使用多视图。如果有人可以纠正我的点击事件，请这样做。尽管我刚刚开始使用它，但我还没有真正查看过该控件的规格，这也是我到达这里的原因。

希望这有帮助。