WPF綁定...要使用XAML

Question

完全做到這是我的XAML參與

public class Component 
    { 
    private ObservableCollection<ComponentParameter> parameters = new ObservableCollection<ComponentParameter>(); 
    public string Name 
    { 
     get; 
     set; 
    } 

    public ObservableCollection<ComponentParameter> Parameters 
    { 
     get{return parameters;} 
     set{parameters = value;} 
    } 
} 


public class ComponentParameter 
{ 
    public string Name 
    { 
     get;set; 
    } 

    public string Value 
    { 
     get;set; 
    } 

    public bool HasErrors 
    { 
     get; 
     set; 
    } 

    public bool IsDuplicate 
    { 
     get; set; 
    } 

    public bool IsMissing 
    { 
     get;set; 
    } 

的 ListView

<ListView x:Name="duplicateVarsInCompXMLListView" ItemsSource="{Binding}" HorizontalAlignment="Left" VerticalAlignment="Top" Width="306"> 
     <ListView.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Vertical"> 
        <StackPanel Orientation="Horizontal"> 
         <TextBlock Text="ComponentID: " FontWeight="Bold" Foreground="Brown" /> 
         <TextBlock Text="{Binding Name}"/> 
        </StackPanel>                 
        <ItemsControl ItemsSource="{Binding Parameters}"> 
         <ItemsControl.ItemTemplate> 
          <DataTemplate> 
           <StackPanel>     
            <StackPanel Orientation="Horizontal"> 
             <TextBlock Text="Variable Name: " Foreground="Green"/> 
             <TextBlock Text="{Binding Name}"/> 
            </StackPanel>          
            <StackPanel Orientation="Horizontal"> 
             <TextBlock Text="Variable Value: " Foreground="Blue"/> 
             <TextBlock Text="{Binding Value}"/> 
            </StackPanel> 
           </StackPanel>         
          </DataTemplate>        
         </ItemsControl.ItemTemplate> 
        </ItemsControl>      
       </StackPanel> 
      </DataTemplate> 
     </ListView.ItemTemplate> 
    </ListView> 

代碼隱藏

 private ObservableCollection<Component> mastercomponentcollection; 
     mastercomponentcollection = //code to populate the collection 
     duplicateVarsInCompXMLListView.DataContext = this.mastercomponentcollection; 

類

在這裏，我想僅顯示那些IsDuplicate設置爲true的收集項的綁定。我相信DataTemplate.Triggers是要走的路，但我無法弄清楚使其工作的確切語法。有什麼建議麼？

Answer 1

這裏是您的ItemsControl的ItemContainerStyle用於將具有重複項目的項目隱藏爲假。

<ItemsControl ItemsSource="{Binding Parameters}"> 
     <ItemsControl.ItemContainerStyle> 
      <Style > 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding IsDuplicate}" Value="false"> 
         <Setter Property="UIElement.Visibility" Value="Collapsed"/> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </ItemsControl.ItemContainerStyle> 

Answer 2

如果要顯示兩個不同的DataTemplate，具體取決於IsDuplicate屬性，可以使用DataTemplateSelector。

創建一個從DataTemplateSelector派生的類選擇DataTemplate

public class MyTemplateSelector : DataTemplateSelector 
{ 
     public DataTemplate FirstTemplate { get; set; } 

     public DataTemplate SecondTemplate { get; set; } 

     public override System.Windows.DataTemplate SelectTemplate(object item, System.Windows.DependencyObject container) 
     { 
       var model = item as ComponentParameter; 

       if (model.IsDuplicated) 
        return FirstTemplate; 

       return SecondTemplate; 
     } 
} 

在資源創建，並在XAML中定義的模板：

<local:MyTemplateSelector x:Key="itemTemplateSelector"> 
     <local:MyTemplateSelector.FirstTemplate> 
      <DataTemplate> 
        <StackPanel>     
         <StackPanel Orientation="Horizontal"> 
           <TextBlock Text="Variable Name: " Foreground="Green"/> 
           <TextBlock Text="{Binding Name}"/> 
          </StackPanel>          
          <StackPanel Orientation="Horizontal"> 
           <TextBlock Text="Variable Value: " Foreground="Blue"/> 
           <TextBlock Text="{Binding Value}"/> 
          </StackPanel> 
        </StackPanel>         
      </DataTemplate>     
     </local:MyTemplateSelector.FirstTemplate> 
     <local:MyTemplateSelector.SecondTemplate> 
      <DataTemplate> 

       <!-- Implementation without bindings goes here --> 

      </DataTemplate> 
     </local:MyTemplateSelector.SecondTemplate> 
</local:MyTemplateSelector> 

而且在使用它您ListView：

<ListView.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Vertical"> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Text="ComponentID: " FontWeight="Bold" Foreground="Brown" /> 
        <TextBlock Text="{Binding Name}"/> 
       </StackPanel>                 
       <ItemsControl ItemsSource="{Binding Parameters}" ItemTemplateSelector="{StaticResource itemTemplateSelector}"/> 
      </StackPanel> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView>