Silverlight TabControl - 从 TabItem 中的给定控件查找并选择 TabItem

Question

我正在构建一个 LOB 应用程序，它有一个主要部分和一个 TabControl，其中包含各种 TabItem。点击“保存”后，任何错误的字段都会突出显示，并且第一个错误的字段将获得焦点。

如果第一个也是唯一一个错误字段位于“未选择”选项卡上，则该选项卡应被选中，并且错误字段应突出显示并具有焦点。但我无法让它发挥作用。

似乎发生的情况是“未选定”选项卡不在可视化树中，因此您无法导航回所属的 TabItem 并将其设为 TabControl 中当前选定的 TabItem。

有谁知道如何做到这一点\实现这一点？

Answer 1

加载 TabItem：

tabControl.SelectedItem = tabItemOfInterest;
tabControl.UpdateLayout();

这会导致 tabItemOfInterest 与 TabItem 中包含的所有控件一起加载。

仅下面一行不会加载 tabItemOfInterest:

tabControl.SelectedItem = tabItemOfInterest;

但是，我对 David 用来获取错误控件的方法非常感兴趣。

Answer 2

我是如何解决这个问题的（通过询问首席架构师）...

使用一种激活方法创建一个接口 ITabActivator。

创建一个从 Grid 和 ITabActivator 派生的类，名为 TabPageActivator。其构造函数采用 TabITem 和 TabControl。

添加 TabPageActivator，而不是向 TabItem.Contents 添加简单的 Grid。

将父级检测更改为使用...

DependencyObjectparent = _Control.Parent;

...而不是使用 VisualTreeHelper。

因此，当您导航层次结构测试时...

if（父级是 TabActivator ）
(parent as ITabActivator).Activate( )

...所以当调用Activate时

m_TabControl.SelectedItem = m_TabItem; // 来自构造函数参数。

...并且不要忘记您可能有嵌套选项卡，因此您需要继续向上移动层次结构。

Answer 3

我使用 TabControls 在我的一个网站 (YinYangMoney) 上进行导航，并构建了一些扩展方法来帮助我使用标签名称选择选项卡。以下是应该适合您的片段。

Extensions 类：

using System;
using System.Linq;
using System.Windows.Controls;

namespace MyApplication
{
    internal static class Extensions
    {
        // Extension for TabControl
        internal static void SelectTab(this TabControl tabControl, this TabItem tabItem)
        {
            if (tabControl == null || tabItem == null)
                return null;

            SelectTab(tabControl, tabItem.Tag);
        }

        // Extension for TabControl
        internal static void SelectTab(this TabControl tabControl, string tabTagName)
        {
            if (tabControl == null)
                return null;

            // Find the TabItem by its Tag name
            TabItem mainTabItem = tabControl.FindByTag(tabTagName);
            if (mainTabItem == null)
                return;

            // Check to see if the tab needs to be selected
            if (tabControl.SelectedItem != mainTabItem)
                tabControl.SelectedItem = mainTabItem;
        }

        // Extension for TabControl
        internal static TabItem FindByTag(this TabControl tabControl, string tagFragment)
        {
            if (tabControl == null || tagFragment == null)
                return null;

            return tabControl.Items
                    .OfType<TabItem>()
                    .Where(item => item.Tag != null && item.Tag.ToString().StartsWithIgnoreCase(tagFragment))
                    .FirstOrDefault();
        }

        // Extension for string
        internal static bool StartsWithIgnoreCase(this string source, string target)
        {
            return source.StartsWith(target, StringComparison.CurrentCultureIgnoreCase);
        }
    }
}

TabControl 和 TabItems 的 XAML 看起来像这样：

<Controls:TabControl x:Name="x_TabControl">
    <Controls:TabItem Header="Welcome" Tag="/Home/Welcome" x:Name="x_WelcomeTab" />
    <Controls:TabItem Header="FAQ" Tag="/Home/FAQ" />
    <Controls:TabItem Header="Contact Us" Tag="/Home/Contact_Us" />
    <Controls:TabItem Header="Privacy Policy" Tag="/Home/Privacy_Policy" />
    <Controls:TabItem Header="My Account" Tag="/Home/My_Account" />
</Controls:TabControl>

您可以像这样选择 Welcome TabItem：

x_TabControl.SelectTab("/Home/Welcome");  

或

x_TabControl.SelectTab(x_WelcomeTab);

Answer 4

我的解决方案使用附加属性 TabItem。
创建类 TabItemExtender：

/// <summary>
/// TabItem Extender class with TabItem property
/// </summary>
public class TabItemExtender
{
    #region property getters/setters
    /// <summary>
    /// TabItem attached dependency property
    /// </summary>
    public static readonly DependencyProperty TabItemProperty = DependencyProperty.RegisterAttached("TabItem", typeof(TabItem), typeof(TabItemExtender), null);

    /// <summary>
    /// TabItem Property getter
    /// </summary>
    public static TabItem GetNavigateUri(DependencyObject source)
    {
        return (TabItem)source.GetValue(TabItemExtender.TabItemProperty);
    }

    /// <summary>
    /// TabItem Property setter
    /// </summary>
    public static void SetNavigateUri(DependencyObject target, TabItem value)
    {
        target.SetValue(TabItemExtender.TabItemProperty, value);
    }
    #endregion
}

接下来在 TabControl 加载事件上执行此操作：

private void ExtendedTabControl_Loaded(object sender, System.Windows.RoutedEventArgs e)
{
    foreach (object item in this.Items)
    {
        var tabItem = item as TabItem;
        if (tabItem != null && tabItem.Content != null)
        {
            var element = (FrameworkElement)tabItem.Content;
            element.SetValue(TabItemExtender.TabItemProperty, tabItem);
        }
    }
}

并在设置焦点之前执行此操作：

var element = (UIElement)control;
while (element != null)
{
    //Get TabItem
    var tabItem = (TabItem)element.GetValue(TabItemExtender.TabItemProperty);

    if (tabItem != null)
    {
        if (!tabItem.IsSelected && tabItem.IsEnabled)
        {
            tabItem.IsSelected = true;
            ((TabControl)tabItem.Parent).UpdateLayout();
        }

        break;
    }

    element = (UIElement)VisualTreeHelper.GetParent(element);
}

control.Focus();

Answer 5

我知道一个方法，但是很难看。它涉及使用间隔为几毫秒的 DispatcherTimer。在 Page_Loaded 中，您将启动计时器。然后，在每次勾选时，它都会为选项卡项目之一设置 IsSelected = true。在下一个刻度上，它将选择下一个选项卡项目等，直到选择了所有选项卡。然后你必须再次选择第一个项目并终止计时器。这将强制加载选项卡项目中的视觉效果。

在此操作期间，您还必须用边框或其他东西覆盖 TabControl。否则，用户将看到所有选项卡项目快速掠过。