TreeView, HierarchicalDataTemplate ve özyinel Veriler

Question

Ağaç görünümü için ItemsSource'u sağlayan iki farklı sınıfa sahibim.

public class TreeViewModel : ViewModelBase 
{ 
    public ObservableCollection<NodeViewModel> Items { get; set; } 
} 

public class NodeViewModel : ViewModelBase 
{ 
    public string Id { get; set; } 
    public string Name { get; set; } 
    public ObservableCollection<NodeViewModel> Children { get; set; } 
} 

Şimdi TreeViewModel Öğeleri görüntülemek ve NodeViewModel tarafından sağlanan hiyerarşik verileri göstermek için benim TreeView istiyorum.

İşte benim XAML olan

<Window x:Class="TreeViewMasterDetails.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:TreeViewMasterDetails" 
     Title="MainWindow" Height="350" Width="525"> 
    <Grid> 
     <TreeView Height="Auto" 
        HorizontalAlignment="Stretch" 
        Margin="10" 
        VerticalAlignment="Stretch" 
        Width="Auto"> 
      <TreeView.Resources> 
       <HierarchicalDataTemplate DataType="x:Type local:TreeViewModel" ItemsSource="{Binding Items}"> 
        <TextBlock Text="{Binding Path=Name}"></TextBlock> 
       </HierarchicalDataTemplate> 
       <HierarchicalDataTemplate DataType="x:Type local:NodeViewModel" ItemsSource="{Binding Children}"> 
        <TextBlock Text="{Binding Name}"></TextBlock> 
       </HierarchicalDataTemplate> 
      </TreeView.Resources> 
     </TreeView> 
    </Grid> 
</Window> 

TreeView ait ItemsSource olarak Items sağlamak denediniz. Bir şey görüntüleniyorsa, verileri hiyerarşik olarak göstermez.

Ayrıca TreeView.Resources yerine ItemTemplate kullanmayı denedim.

Bu konuda yanlış olan nedir? İlk TextBlock Text Binding? NodeViewModel'un ItemsName özelliğini burada görüntülemek istiyorum.

Answer 1

senin veri şablonu tanımları (DataType="{x:Type local:TreeViewModel}" olmalıdır). Köşeli parantezler eklenmesi ve ItemsSource bağlaması, sorunu çözer:

TreeViewModel için HierarchicalDataTemplate eki kullanılmaz, ancak zarar vermez.

Answer 2

Yalnızca bu TreeView içinde gösteren tek şey olduğu gibi NodeViewModel için HierarchicalDataTemplate beyan etmek zorunda ve TreeView

<TreeView ItemsSource="{Binding Items}"> 
    <TreeView.Resources> 
     <HierarchicalDataTemplate DataType="{x:Type local:NodeViewModel}" ItemsSource="{Binding Children}"> 
      <TextBlock Text="{Binding Name}"></TextBlock> 
     </HierarchicalDataTemplate> 
    </TreeView.Resources> 
</TreeView> 

Tam Örnek

Xaml fiili ItemSource bağlamak gerekir:

<Window x:Class="WpfApplication13.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:WpfApplication13" 
     Title="MainWindow" x:Name="UI" Width="343" Height="744.625" > 

    <TreeView DataContext="{Binding ElementName=UI, Path=TreeModel}" ItemsSource="{Binding Items}"> 
     <TreeView.Resources> 
      <HierarchicalDataTemplate DataType="{x:Type local:NodeViewModel}" ItemsSource="{Binding Children}"> 
       <TextBlock Text="{Binding Name}"></TextBlock> 
      </HierarchicalDataTemplate> 
     </TreeView.Resources> 
    </TreeView> 

</Window> 

Kod:

public partial class MainWindow : Window 
{ 

    public MainWindow() 
    { 
     InitializeComponent(); 
    } 

    public TreeViewModel TreeModel 
    { 
     get 
     { 
      return new TreeViewModel 
      { 
       Items = new ObservableCollection<NodeViewModel>{ 
          new NodeViewModel { Name = "Root", Children = new ObservableCollection<NodeViewModel> { 
           new NodeViewModel { Name = "Level1" , Children = new ObservableCollection<NodeViewModel>{ 
            new NodeViewModel{ Name = "Level2"}}} } }} 
      }; 
     } 
    } 
} 

public class TreeViewModel 
{ 
    public ObservableCollection<NodeViewModel> Items { get; set; } 
} 

public class NodeViewModel 
{ 
    public string Id { get; set; } 
    public string Name { get; set; } 
    public ObservableCollection<NodeViewModel> Children { get; set; } 
} 

Sonuç: @ sa_ddam213, sadece HierarchicalDataTemplateNodeViewModel için gerekmeyebilir, ancak koduyla tek sorun içinde DataType="x:Type local:TreeViewModel" eksik ayraçları ({ ve }) idi söylediği gibi