如何处理选项卡内的 DataTemplate？

Question

我的名字是 Andrea，这是我的第一篇文章。

作为一个简单的读者，你经常帮助我，现在我写信是因为我想直接支持。

我必须创建一个选项卡控件，并使用“添加选项卡”按钮添加一个具有相同内容的新选项卡。 到目前为止一切都很好。

在选项卡中，我有一个文本编辑器和一个组合框。 我的问题有两个：

1 如何为我添加的每个选项卡加载组合框的内容？ 2 每次我编写一个编辑选项卡覆盖的文本时，也会编辑另一个选项卡的文本。

代码如下：

Xaml 中的数据模板：

  <DataTemplate x:Key="tabItemContent">

            <dxlc:LayoutGroup Orientation="Vertical" Header="Target Description" IsCollapsible="True">
                <!--Name-->
                <dxlc:LayoutItem>
                    <dxlc:LayoutGroup Orientation="Horizontal" ItemSpace="4" >
                        <dxlc:LayoutItem Label="Name" Margin="10">
                            <dxe:TextEdit x:Name="TextEdit_NameTarget"/>
                        </dxlc:LayoutItem>
                    </dxlc:LayoutGroup>
                </dxlc:LayoutItem>
                <!--Nation e Label-->
                <dxlc:LayoutItem>
                    <dxlc:LayoutGroup Orientation="Horizontal" ItemSpace="12" >
                        <dxlc:LayoutItem Label="Nation"  Margin="10">
                            <ComboBox x:Name="ComboBox_TargetNazione" />
                        </dxlc:LayoutItem>                           
                    </dxlc:LayoutGroup>
                </dxlc:LayoutItem>                   
            </dxlc:LayoutGroup>
        </DataTemplate>

C#：

 private void Button_Click_Add(object sender, RoutedEventArgs e)
    {
        DataTemplate tabItemDataTemplate = this.TryFindResource("tabItemContent") as DataTemplate;
        DXTabItem tabItem = new DXTabItem();
        tabItem.Header = "New Tab";
        tabItem.ContentTemplate = tabItemDataTemplate;
        tabControl_Targets.Items.Add(tabItem);

    }

这里是将列表加载到组合框中的位置：

private void LoadComboBoxNation()
    {

        ComboBox_TargetNazione.ItemsSource =
          ManagementTriple.Istance().get_Nation_byTipologyAndContext(ComboBox_TypologyScenario.SelectedItem.ToString(),
          ComboBox_ContextScenario.SelectedItem.ToString());

        controlloselecteditem(ComboBox_SourceNazione.SelectedItem.ToString());

        controlloselecteditem(ComboBox_TargetNazione.SelectedItem.ToString());
    }

感谢大家给我的帮助。

Answer 1

DataTemplate 需要一个简单但基本的要求才能正常工作：您应该使用ViewModel-First 方法。

理想情况下，您的选项卡控件应该绑定到某个 ViewModel。然后，如果您希望显示另一个选项卡，您应该使用您的按钮单击在 ViewModel 中调用 Command，然后 ViewModel 会将另一个项目添加到您的 TabControl ItemsSource 属性（这将是一些集合） ，并且新项目将与其各自的 DataTemplate “自动”显示。

WPF 的想法是用更间接的代码替换 View 中的所有这些命令式代码（就像您发布的那样），您唯一担心的是在 ViewModel 中操作事物，而“哑视图”紧随其后.

希望这会有所帮助，但请随时在 cmets 中询问更多详细信息。