WPF - 没有绑定时DataTemplate属性中的元素问题？

Question

我有以下 TabControl：

<TabControl ItemsSource="{Binding Tabs"}>
    <TabControl.ContentTemplate>
        <DataTemplate DataType="{x:Type vm:TabVM}">
            <TextBox></TextBox>
            <TextBox Text="{Binding SomeProperty}"></TextBox>
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

意外的行为是第一个 TextBox 在所有 tabitems 之间共享 Text 属性，而第二个 TextBox 有效地绑定到 ViewModel 属性。

我的需要也是让第一个 TextBox 独立，即使没有绑定。

我能做什么？

** 更新 **

经过几次尝试，我决定使用 ikriv 的 TabContent.cs。 我发现的唯一问题是调用 TabControl.Items.Refresh()（即删除 tabItem 后）会导致内部缓存重置。

一个不雅但有效的解决方案可能是这样的：

public ContentManager(TabControl tabControl, Decorator border)
{
    _tabControl = tabControl;
    _border = border;
    _tabControl.SelectionChanged += (sender, args) => { UpdateSelectedTab(); };

    /* CUSTOM */
    var view = CollectionViewSource.GetDefaultView(((TabControl)_tabControl).Items);
    view.CollectionChanged += View_CollectionChanged;
}

/*
 * This fix the internal cache content when calling items->Refresh() method
 * */
private void View_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
{
    if (e.OldItems != null)
    {
        /* Retrieve all tabitems cache and store to a temp list */
        IList<ContentControl> cachedContents = new List<ContentControl>();

        foreach (var item in _tabControl.Items)
        {
            var tabItem = _tabControl.ItemContainerGenerator.ContainerFromItem(item);

            var cachedContent = TabContent.GetInternalCachedContent(tabItem);

            cachedContents.Add(cachedContent);
        }

        /* rebuild the view */
        _tabControl.Items.Refresh();

        /* Retrieve all cached content and store to the tabitems */
        int idx = 0;

        foreach (var item in _tabControl.Items)
        {
            var tabItem = _tabControl.ItemContainerGenerator.ContainerFromItem(item);

            TabContent.SetInternalCachedContent(tabItem, cachedContents[idx++]);
        }
    }
}

Answer 1

您应该使用数据绑定，因为相同的 ContentTemplate 将应用于您的 ItemsSource 中的所有项目。基本上切换标签时只会刷新绑定。文本框不会重新创建也不会重置。

我能做什么？

您可以在视图中通过处理 TabControl 的 SelectionChanged 事件并自己重置 TextBox 控件来解决此问题：

private void tabs_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        TabControl tc = sender as TabControl;
        ContentPresenter cp = tc.Template.FindName("PART_SelectedContentHost", tc) as ContentPresenter;
        if(cp != null && VisualTreeHelper.GetChildrenCount(cp) > 0)
        {
            ContentPresenter cpp = VisualTreeHelper.GetChild(cp, 0) as ContentPresenter;
            if(cpp != null)
            {
                TextBox textBox = cpp.FindName("txt") as TextBox;
                if (textBox != null)
                    textBox.Text = string.Empty;
            }
        }
    }

---

    <TabControl x:Name="tabs" ItemsSource="{Binding Tabs}" SelectionChanged="tabs_SelectionChanged">
        <TabControl.ContentTemplate>
            <DataTemplate>
                <ContentPresenter>
                    <ContentPresenter.Content>
                        <StackPanel>
                            <TextBox x:Name="txt"></TextBox>
                        </StackPanel>
                    </ContentPresenter.Content>
                </ContentPresenter>
            </DataTemplate>
        </TabControl.ContentTemplate>
    </TabControl>

如果您希望在切换选项卡时将文本保留在 TextBox 中，您可以使用以下文章中的附加行为并将其 IsCached 属性设置为 true：https://www.codeproject.com/articles/460989/wpf-tabcontrol-turning-off-tab-virtualization

<TabControl ItemsSource="{Binding Items}" behaviors:TabContent.IsCached="True">
    <!-- Make sure that you don't set the TabControl's ContentTemplate property but the custom one here-->
    <behaviors:TabContent.Template>
        <DataTemplate>
            <StackPanel>
                <TextBox />
            </StackPanel>
        </DataTemplate>
    </behaviors:TabContent.Template>
</TabControl>

另一种方法是修改 TabControl 的 ControlTemplate 以包含一个 ListBox，正如 MSDN 论坛上以下主题中的“gekka”所建议的那样：https://social.msdn.microsoft.com/Forums/en-US/4b71a43a-26f5-4fef-8dc5-55409262298e/using-uielements-on-datatemplate?forum=wpf