implement treedatagrid

Author: MohammadHadi Attarieh

src/MainDemo.Wpf/Trees.xaml

@@ -6,6 +6,7 @@
              xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:smtx="clr-namespace:ShowMeTheXAML;assembly=ShowMeTheXAML"
+             xmlns:converters="clr-namespace:MaterialDesignThemes.Wpf.Converters;assembly=MaterialDesignThemes.Wpf"
              d:DataContext="{d:DesignInstance domain:TreesViewModel}"
              d:DesignHeight="1080"
              d:DesignWidth="1920"
@@ -18,6 +19,8 @@
         <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
         <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
       </ResourceDictionary.MergedDictionaries>
+
+      <converters:TreeListViewIndentConverter x:Key="TreeListViewIndentConverter" />
     </ResourceDictionary>
   </UserControl.Resources>
 
@@ -216,18 +219,18 @@
             <materialDesign:TreeListView.Resources>
               <HierarchicalDataTemplate DataType="{x:Type domain:TestItem}"
                           ItemsSource="{Binding Items, Mode=OneTime}">
-                <TextBlock Margin="3,2" Text="{Binding Name, Mode=OneTime}" />
+                <!--<TextBlock Margin="3,2" Text="{Binding Name, Mode=OneTime}" />-->
               </HierarchicalDataTemplate>
 
               <HierarchicalDataTemplate DataType="{x:Type domain:MovieCategory}"
                                       ItemsSource="{Binding Movies, Mode=OneTime}">
-                <TextBlock Margin="3,2" Text="{Binding Name, Mode=OneTime}" />
+                <!--<TextBlock Margin="3,2" Text="{Binding Name, Mode=OneTime}" />-->
               </HierarchicalDataTemplate>
 
               <DataTemplate DataType="{x:Type domain:Movie}">
-                <TextBlock Margin="3,2"
+                <!--<TextBlock Margin="3,2"
                            Text="{Binding Name, Mode=OneTime}"
-                           ToolTip="{Binding Director, Mode=OneTime}" />
+                           ToolTip="{Binding Director, Mode=OneTime}" />-->
               </DataTemplate>
             </materialDesign:TreeListView.Resources>
 
@@ -244,6 +247,48 @@
                 <Setter Property="IsExpanded" Value="{Binding IsExpanded}" />
               </Style>
             </materialDesign:TreeListView.ItemContainerStyle>
+
+            <materialDesign:TreeListView.Columns>
+              <GridViewColumnCollection>
+                <GridViewColumn Width="250"
+                                Header="Name">
+                  <GridViewColumn.CellTemplate>
+                    <DataTemplate>
+                      <materialDesign:TreeListViewCell>
+                        <StackPanel Orientation="Horizontal">
+                          <StackPanel.Margin>
+                            <MultiBinding Converter="{StaticResource TreeListViewIndentConverter}">
+                              <Binding Path="LevelIndentSize"
+                                       RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type materialDesign:TreeListView}}" />
+                              <Binding Path="Level"
+                                       RelativeSource="{RelativeSource AncestorType={x:Type materialDesign:TreeListViewItem}}" />
+                            </MultiBinding>
+                          </StackPanel.Margin>
+
+                          <ToggleButton IsChecked="{Binding RelativeSource={RelativeSource AncestorType=materialDesign:TreeListViewItem, Mode=FindAncestor}, Path=IsExpanded}"
+                                        Style="{StaticResource MaterialDesignTreeListViewToggleButtonStyle}" />
+
+                          <TextBlock VerticalAlignment="Center"
+                                     Text="{Binding Name, Mode=OneTime}" />
+                        </StackPanel>
+                      </materialDesign:TreeListViewCell>
+                    </DataTemplate>
+                  </GridViewColumn.CellTemplate>
+                </GridViewColumn>
+
+                <GridViewColumn Width="100"
+                                Header="Count">
+                  <GridViewColumn.CellTemplate>
+                    <DataTemplate>
+                      <materialDesign:TreeListViewCell>
+                        <TextBlock VerticalAlignment="Center"
+                                   Text="{Binding Items.Count, Mode=OneWay}" />
+                      </materialDesign:TreeListViewCell>
+                    </DataTemplate>
+                  </GridViewColumn.CellTemplate>
+                </GridViewColumn>
+              </GridViewColumnCollection>
+            </materialDesign:TreeListView.Columns>            
           </materialDesign:TreeListView>
           <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Right">
             <Button Command="{Binding AddListTreeItemCommand}"

src/MaterialDesignThemes.Wpf/Converters/TreeListViewGridLineBrushConverter.cs

@@ -0,0 +1,23 @@
+using System.Globalization;
+using System.Windows.Data;
+using System.Windows.Media;
+
+namespace MaterialDesignThemes.Wpf.Converters;
+
+public class TreeListViewGridLineBrushConverter : IValueConverter
+{
+    public SolidColorBrush DefaultBrush { get; set; } = Brushes.Transparent;
+    public SolidColorBrush SelectedBrush { get; set; } = Brushes.Transparent;
+
+    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        if (value is not bool isSelected)
+        {
+            return Binding.DoNothing;
+        }
+
+        return isSelected ? SelectedBrush : DefaultBrush;
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) => throw new NotImplementedException();
+}