Bind the TreeView control in xaml sample

[xingxing21]

I added the TreeView Control in Xaml sample.
But I can't do the Data Binding.

<Window.DataContext>
		<vm:MainWindowViewModel />
	</Window.DataContext>
	<Grid ColumnDefinitions="*,200">
		<DockControl FactoryType="{x:Type Factory}" InitializeLayout="True" InitializeFactory="True">
			<RootDock x:Name="Root" Id="Root" IsCollapsable="False" DefaultDockable="{Binding #MainLayout}">
				<ProportionalDock x:Name="MainLayout" Id="MainLayout" Orientation="Horizontal">
					<ToolDock x:Name="LeftPane" Id="LeftPane" Proportion="0.25">
						<Tool x:Name="SolutionExplorer" Id="SolutionExplorer" Title="Solution Explorer">
							<TreeView Items="{Binding Children}" >
								<TreeView.DataTemplates>
									<TreeDataTemplate DataType="models:IImportRootItem" ItemsSource="{Binding Children}">
										<StackPanel Orientation="Horizontal">
											<TextBlock Text="Import --- " />
											<TextBlock Text="{Binding Title}"/>
										</StackPanel>
									</TreeDataTemplate>
									<TreeDataTemplate DataType="models:IGroupRootItem" ItemsSource="{Binding Children}">
										<TextBlock Text="{Binding Title}"/>
									</TreeDataTemplate>

I'm seeing this error when running.

[Binding] Error in binding to 'Avalonia.Controls.TreeView'.'Items': 'Could not find a matching property accessor for 'Children' on 'Dock.Model.Avalonia.Controls.Tool'' (TreeView #22820469)

Can I do the Data Binding in Xaml code?

I want to put the TreeView into the ToolDock

[wieslawsoltes]

Can you post full Window xaml?

[izaksuilov]

I have the same problem: how to do binding from XAML?

[xingxing21]

Thank you for your reply.
This is full MainWindow.xaml

<Window xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vm="using:TreeViewDataBinding" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" x:Class="TreeViewDataBinding.Views.MainWindow" xmlns:models="using:TreeViewDataBinding" Icon="/Assets/avalonia-logo.ico" Title="TreeViewDataBinding"> <Design.DataContext> <vm:MainWindowViewModel /> </Design.DataContext> <Grid ColumnDefinitions="*,200"> <DockControl FactoryType="{x:Type Factory}" InitializeLayout="True" InitializeFactory="True"> <RootDock x:Name="Root" Id="Root" IsCollapsable="False" DefaultDockable="{Binding #MainLayout}"> <ProportionalDock x:Name="MainLayout" Id="MainLayout" Orientation="Horizontal"> <ToolDock x:Name="LeftPane" Id="LeftPane" Proportion="0.25"> <Tool x:Name="SolutionExplorer" Id="SolutionExplorer" Title="Solution Explorer"> <TreeView Items="{Binding Children}" > <TreeView.DataTemplates> <TreeDataTemplate DataType="models:IImportRootItem" ItemsSource="{Binding Children}"> <StackPanel Orientation="Horizontal"> <TextBlock Text="Import --- " /> <TextBlock Text="{Binding Title}"/> </StackPanel> </TreeDataTemplate> <TreeDataTemplate DataType="models:IGroupRootItem" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:IFolderItem" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:ICollectionItem" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:ICollectionsModel" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:IChildItemBase"> <TextBlock Text="{Binding Title}" /> </TreeDataTemplate> </TreeView.DataTemplates> </TreeView> </Tool> <Tool x:Name="SolutionExplorer1" Id="SolutionExplorer1" Title="Solution Explorer"> <TextBlock Text="{Binding #parent[Window].DataContext.Greeting}" /> </Tool> </ToolDock> <SplitterDockable x:Name="LeftSplitter" Id="LeftSplitter" /> <ProportionalDock x:Name="TopPane" Id="TopPane" Orientation="Vertical"> <ProportionalDock x:Name="RightPane" Id="RightPane" Orientation="Horizontal"> <DocumentDock x:Name="DocumentsPane" Id="DocumentsPane" ActiveDockable="{Binding #Document1}"> <Document x:Name="Document1" Id="Document1" Title="Program.cs" x:DataType="Document"> <TextBlock Text="{Binding Title}"/> </Document> <Document x:Name="Document2" Id="Document2" Title="App.axaml" x:DataType="Document"> <TextBlock Text="{Binding Title}"/> </Document> </DocumentDock> <SplitterDockable x:Name="RightSplitter" Id="RightSplitter" /> <ToolDock x:Name="PropertiesPane" Id="PropertiesPane" Proportion="0.3" Alignment="Right"> <Tool x:Name="Properties" Id="Properties" Title="Properties" x:DataType="Tool"> <TextBlock Text="{Binding Title}"/> </Tool> </ToolDock> </ProportionalDock> <SplitterDockable x:Name="BottomSplitter" Id="BottomSplitter" /> <ToolDock x:Name="BottomPane" Id="BottomPane" Proportion="0.3" Alignment="Bottom" ActiveDockable="{Binding #Output}"> <Tool x:Name="ErrorList" Id="ErrorList" Title="Error List" x:DataType="Tool"> <TextBlock Text="{Binding Title}"/> </Tool> <Tool x:Name="Output" Id="Output" Title="Output" x:DataType="Tool"> <TextBlock Text="{Binding Title}"/> </Tool> </ToolDock> </ProportionalDock> </ProportionalDock> </RootDock> </DockControl> <Grid Grid.Column="1"> <Grid.DataContext> <vm:PeekTreeViewModel /> </Grid.DataContext> <TreeView Items="{Binding Children}" > <TreeView.DataTemplates> <TreeDataTemplate DataType="models:IImportRootItem" ItemsSource="{Binding Children}"> <StackPanel Orientation="Horizontal"> <TextBlock Text="Import --- " /> <TextBlock Text="{Binding Title}"/> </StackPanel> </TreeDataTemplate> <TreeDataTemplate DataType="models:IGroupRootItem" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}" HorizontalAlignment="Left"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:IFolderItem" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}" HorizontalAlignment="Left"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:ICollectionItem" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}" HorizontalAlignment="Left"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:ICollectionsModel" ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Title}" HorizontalAlignment="Left"/> </TreeDataTemplate> <TreeDataTemplate DataType="models:IChildItemBase"> <TextBlock Text="{Binding Title}" HorizontalAlignment="Left"/> </TreeDataTemplate> </TreeView.DataTemplates> </TreeView> </Grid> </Grid> </Window>

[unofficialdev]

I also have the same problem, can't bind