将 UserControl 加载到 ComboBox 更改上的窗口区域

Question

我有 ComboBox，其中填充了自定义类型的集合。在组合框更改时，我想加载/更改特定区域中的内容，以便加载所选组合框项的相关数据（它可以采用加载 userControl 的形式，或者我不介意为其指定 DataTemplate）。

它类似于这个问题WPF负载控制问题。但在这个问题中，他谈论的是实际列表框中的各个 DataTemplates，而我谈论的是在 ComboBox 更改上填充某些窗口区域。

我正在使用 MVVM（而不是 PRISM）.Net 3.5。

Answer 1

您可以使用ContentControl，它是根据组合框选择动态确定的实际Content 的占位符。

以下代码仅供参考

<Window ...>

   <Window.Resources>
       <MyView1 x:Key="MyView1" />
       <MyView2 x:Key="MyView2" />
   </Window.Resources>  

   ...

   <ComboBox x:Name="MyCombo">
       <ComboBox.ItemsSource>
           <sys:String>"MyView1"</sys:String>
           <sys:String>"MyView2"</sys:String>
           ....
       </ComboBox.ItemsSource>
   </ComboBox>

   ... 

   <!-- This is where your region is loaded -->
   <ContentControl>
       <ContentControl.Style>
           <Style TargetType="{x:Type ContentControl}">
               <Style.Triggers>
                   <DataTrigger Binding="{Binding Path=SelectedItem,
                                                  ElementName=MyCombo}"
                                Value="MyView1">
                        <Setter Property="Content"
                                Value="{StaticResource MyView1}"
                   </DataTrigger>
                   <DataTrigger Binding="{Binding Path=SelectedItem,
                                                  ElementName=MyCombo}"
                                Value="MyView2">
                        <Setter Property="Content"
                                Value="{StaticResource MyView2}"
                   </DataTrigger>
               </Style.Triggers>
           </Style>
       </ContentControl.Style>
   </ContentControl> 
</Window>

数据加载可以是 MyView1 和 MyView2 用户控件的构造函数或主 UI 的数据上下文视图模型的一部分。

Answer 2

据我了解，问题是如何更改绑定到 UI 而不仅仅是 DataTemplate 的基础数据。

您可以使用 EventSetter ，它将在后面的代码中处理，您可以在其中切换您提到的区域的 DataContext：

<ComboBox>
     <ComboBox.Resources>         
         <Style TargetType="ComboBoxItem">             
           <EventSetter Event="Selector.SelectionChanged"
                        Handler="YourHandler"/>         
         </Style>     
     </ComboBox.Resources> 
</ComboBox>

但从 MVVM 的角度来看，这可能不是完美的解决方案，因此您可以引入自己的 ComboBox 类是否支持命令，请参阅此帖子：ComboBox 中的 WPF 命令支持

通过这种方式，您可以使用 Command 将逻辑与 UI 解耦。