TreeListView in Avalonia #5585
-
|
I need to create a TreeView that shows data like a DataGrid such that I have a TreeView at left side with columns at right side. I see in WPF we can achieve this using a TreeListView. Is something like this available for avalonia? |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
|
Did you tried create custom TreeDataTemplate? Something like this: <TreeView Items="{Binding Items}">
<TreeView.DataTemplates>
<TreeDataTemplate ItemsSource="{Binding SubItems}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<TextBlock Text="{Binding Name}" Grid.Column="0"/>
<TextBlock Text="{Binding Text}" Grid.Column="1"/>
</Grid>
</TreeDataTemplate>
</TreeView.DataTemplates>
</TreeView>And then result is: |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the response. I am currently using this structure only but the problem is the entire row shifts to left for each level. However I do not want the values on the second column to shift with each level and should appear in a single line (something like the image below). Is there any workaround for this?
|
Beta Was this translation helpful? Give feedback.
-
|
Hope I understand, you can set Column.Width, then the second, third .. columns will be aligned. <TreeView Items="{Binding Items}">
<TreeView.DataTemplates>
<TreeDataTemplate DataType="models:Item" ItemsSource="{Binding SubItems}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="200"/>
<ColumnDefinition Width="200"/>
</Grid.ColumnDefinitions>
<TextBlock Text="{Binding Name}" Grid.Column="0"/>
<TextBlock Text="{Binding Type}" Grid.Column="1"/>
<TextBlock Text="{Binding Data}" Grid.Column="2"/>
</Grid>
</TreeDataTemplate>
</TreeView.DataTemplates>
</TreeView>
|
Beta Was this translation helpful? Give feedback.
Hope I understand, you can set Column.Width, then the second, third .. columns will be aligned.