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

我建议不要使用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));
    }
}

看起来像这样：

使用列表应该允许以您正在寻找的方式进行多项选择。

Answer 2

使用带有水平 StackPanel 的 ListBox 代替 DataGrid（可以旋转，但有问题）用于 ItemsPanel

<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

创建一个用于数据绑定的新类。

类

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>