WPF中的TreeView中的DataGrid

Question

我試圖綁定到下面DataGrid中StringValue對象的集合。但是每個項目都顯示在單獨的行中。

我希望它有一個柱狀顯示。例如，值565477和65656應該顯示在一行中。

XAML：

<TreeView> 
    <TreeViewItem Header="Warnings"> 
     <TreeView ItemsSource="{Binding WarningCategories}"> 
      <TreeView.ItemTemplate> 
       <HierarchicalDataTemplate ItemsSource="{Binding Path=Warnings}"> 
        <TextBlock Text="{Binding Path=Category}" /> 
        <HierarchicalDataTemplate.ItemTemplate> 
         <DataTemplate> 
          <DataGrid ItemsSource="{Binding Fields}" AutoGenerateColumns="True" HeadersVisibility="None"> 
          </DataGrid>         
         </DataTemplate> 
        </HierarchicalDataTemplate.ItemTemplate> 
       </HierarchicalDataTemplate> 
      </TreeView.ItemTemplate> 
     </TreeView> 
    </TreeViewItem> 
</TreeView> 

代碼隱藏：

public class ViewModel : INotifyPropertyChanged 
    { 
     public event PropertyChangedEventHandler PropertyChanged; 

     public ObservableCollection<WarningCategory> WarningCategories { get; set; } 


     public ViewModel() 
     { 
     WarningCategories = new ObservableCollection<WarningCategory>(); 

     ObservableCollection<Warning> warnings = new ObservableCollection<Warning> 
     { 
      new Warning(new StringValue("565477"), new StringValue("65656")), 
      new Warning(new StringValue("767455"), new StringValue("75642")), 
     }; 


     WarningCategories.Add(new WarningCategory("Warning One", warnings)); 



     warnings = new ObservableCollection<Warning> 
     { 
      new Warning(new StringValue("565477"), new StringValue("65656")), 
      new Warning(new StringValue("767455"), new StringValue("75642")), 
     }; 



     WarningCategories.Add(new WarningCategory("Warning Two", warnings)); 
     } 



     [NotifyPropertyChangedInvocator] 
     protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) 
     { 
     var handler = PropertyChanged; 
     if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName)); 
     } 
    } 

    public class WarningCategory 
    { 
     public string Category { get; set; } 

     private ObservableCollection<Warning> m_warnings; 

     public ObservableCollection<Warning> Warnings 

     { 
     get 
     { 
      return m_warnings ?? (m_warnings = new ObservableCollection<Warning>()); 
     } 
     } 


     public WarningCategory(string category, ObservableCollection<Warning> animals) 

     { 
     Category = category; 

     m_warnings = animals; 
     } 
    } 

    public class Warning 

    { 
     public ObservableCollection<StringValue> Fields { get; set; } 

     public Warning(params StringValue[] fields) 

     { 
     Fields = new ObservableCollection<StringValue>(fields); 
     } 
    } 

    public class StringValue 
    { 
     public StringValue(string s) 
     { 
     Value = s; 
     } 
     public string Value { get; set; } 
    } 

我想最後的結果是這樣的：

我的解決方法到目前爲止，但遺憾的是它不支持多選！

<ItemsControl ItemsSource="{Binding Fields}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel Orientation="Horizontal"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding Value}" Width="150"/> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Answer 1

創建一個您將用於數據綁定的新類。

CLASS

Public class MainClass 
{ 
    public void MainClass(string row,string rowValue) 
    { 
     Row = row; 
     RowValue= rowValue; 
    } 
    public string Row 
    { 
    get; 
    set; 
    } 
    public string RowValue 
    { 
    get; 
    set; 
    } 
} 

視圖模型

 private ObservableCollection<MainClass> _mainClassList = new ObservableCollection<MainClass>(); 
     public ObservableCollection<MainClass> MainClassList 
     { 
      get { return _mainClassList; } 
      set 
      { 
       _mainClassList= value; 
       NotifyPropertyChanged(m => m.MainClassList); 
      } 
     } 
     public void AddItems() 
     { 
     _mainClassList.Add(new MainClass("row1","row1Value")) 
     _mainClassList.Add(new MainClass("row2","row2Value")) 
     MainClassList = _mainClassList; 
     } 

XAML的

<DataGrid CanUserAddRows="True" RowHeight="23" AutoGenerateColumns="False" ItemsSource="{Binding MainClassList}"> 
       <DataGrid.Columns> 
        <DataGridTextColumn Width="70*" Header="Column1" Binding="{Binding Row,Mode=OneWay}"></DataGridTextColumn> 
        <DataGridTextColumn Width="70*" Header="Column2" Binding="{Binding RowValue,Mode=OneWay}"></DataGridTextColumn> 
       </DataGrid.Columns> 
</DataGrid> 

Answer 2

代替數據網格（其可以樞轉，但它是有問題的）使用列表框具有用於ItemsPanel

水平的StackPanel

<DataTemplate> 
    <ListBox ItemsSource="{Binding Fields}"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
     <StackPanel Orientation="Horizontal"/> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 

    <ListBox.ItemTemplate> 
     <DataTemplate> 
     <TextBlock Text="{Binding Path=Value}"/> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
    </ListBox>  

    <ListBox.ItemContainerStyle> 
     <Style TargetType="ListBoxItem"> 
      <Setter Property="IsSelected" 
        Value="{Binding Path=IsSelected, RelativeSource={RelativeSource AncestorType=TreeViewItem}}"/> 
     </Style> 
    </ListBox.ItemContainerStyle> 
</DataTemplate> 

，使全行選擇我創建ListBoxItem.IsSelected來TreeViewItem.IsSelected

Answer 3

我建議對一個DataGrid結合，我也想返工你的模板當前正在使用的方式。這樣的事情是非常接近你想要什麼，我想：

<TreeView> 
    <TreeView.Resources> 
     <HierarchicalDataTemplate DataType="{x:Type local:WarningCategory}" ItemsSource="{Binding Warnings}"> 
      <TextBlock Text="{Binding Path=Category}" /> 
      <HierarchicalDataTemplate.ItemTemplate> 
       <DataTemplate> 
        <ListBox ItemsSource="{Binding}" SelectionMode="Extended"> 
         <TextBlock Text="{Binding FieldsPivoted}" /> 
        </ListBox> 
       </DataTemplate> 
      </HierarchicalDataTemplate.ItemTemplate> 
     </HierarchicalDataTemplate> 
     <!--<DataTemplate DataType="{x:Type local:Warning}"> 
      <TextBlock Text="{Binding FieldsPivoted}" /> 
     </DataTemplate>--> 
    </TreeView.Resources> 

    <TreeViewItem Header="Warnings" ItemsSource="{Binding WarningCategories}" /> 
</TreeView> 

有了這個添加到您的Warning類：

public string FieldsPivoted 
{ 
    get 
    { 
     return string.Join(", ", Fields.Select(x => x.Value)); 
    } 
} 

是這樣的：

使用一個列表應該允許您選擇多種選擇。