树视图绑定wpf无法绑定类中的嵌套属性

Question

wpf新手，因此挣扎了一下。 我是一个快速演示放在一起，我们去为全面实施 之前，我对剩下的

Continent 
    Country 
     City structure 

当用户选择城市应该填充一些文本框在一个TabControl右手边一个TreeView

我做了一些工作，但不能使它与复合对象一起工作。

简而言之，你可以发现我的zaml或代码有什么问题。 为什么不绑定到我的CityDetails.ClubsCount或CityDetails.PubsCount？

什么，我是基于http://www.codeproject.com/KB/WPF/TreeViewWithViewModel.aspx

由于建设很多关于任何建议或回复

的DataModel

public class City 
{ 
    public City(string cityName) 
    { 
     CityName = cityName; 
    } 

    public string CityName { get; set; } 
    public string Population { get; set; } 
    public string Area { get; set; } 
    public CityDetails CityDetailsInfo { get; set; } 
} 

public class CityDetails 
{ 
    public CityDetails(int pubsCount,int clubsCount) 
    { 
     PubsCount = pubsCount; 
     ClubsCount = clubsCount; 
    } 

    public int ClubsCount { get; set; } 
    public int PubsCount { get; set; } 
} 

视图模型

public class CityViewModel : TreeViewItemViewModel 
{ 
    private City _city; 
    private RelayCommand _testCommand; 
    public CityViewModel(City city, CountryViewModel countryViewModel):base(countryViewModel,false) 
    { 
     _city = city; 
    } 

    public string CityName 
    { 
     get { return _city.CityName; } 
    } 
    public string Area 
    { 
     get { return _city.Area; } 
    } 
    public string Population 
    { 
     get { return _city.Population; } 
    } 
    public City City 
    { 
    get { return _city; } 
    set { _city = value; } 
    } 

    public CityDetails CityDetailsInfo 
    { 
     get { return _city.CityDetailsInfo; } 
     set { _city.CityDetailsInfo = value; } 
    } 
} 

XAML

这里10

<DockPanel> 
    <DockPanel LastChildFill="True"> 
     <Label DockPanel.Dock="top" Content="Title " HorizontalAlignment="Center"></Label> 
     <StatusBar DockPanel.Dock="Bottom"> 
      <StatusBarItem Content="Status Bar" ></StatusBarItem> 
     </StatusBar> 
     <Grid DockPanel.Dock="Top"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition/> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="2*"/> 
      </Grid.ColumnDefinitions> 
      <TreeView Name="tree" ItemsSource="{Binding Continents}"> 
       <TreeView.ItemContainerStyle> 
        <Style TargetType="{x:Type TreeViewItem}"> 
         <Setter Property="IsExpanded" Value="{Binding IsExpanded,Mode=TwoWay}"/> 
         <Setter Property="IsSelected" Value="{Binding IsSelected,Mode=TwoWay}"/> 
         <Setter Property="FontWeight" Value="Normal"/> 
         <Style.Triggers> 
          <Trigger Property="IsSelected" Value="True"> 
           <Setter Property="FontWeight" Value="Bold"></Setter> 
          </Trigger> 
         </Style.Triggers> 
        </Style> 
       </TreeView.ItemContainerStyle> 

       <TreeView.Resources> 
        <HierarchicalDataTemplate DataType="{x:Type ViewModels:ContinentViewModel}" 
             ItemsSource="{Binding Children}"> 
         <StackPanel Orientation="Horizontal"> 
          <Image Width="16" Height="16" Margin="3,0" Source="Images\Continent.png"/> 
          <TextBlock Text="{Binding ContinentName}"/> 
         </StackPanel> 
        </HierarchicalDataTemplate> 

        <HierarchicalDataTemplate DataType="{x:Type ViewModels:CountryViewModel}" 
             ItemsSource="{Binding Children}"> 
         <StackPanel Orientation="Horizontal"> 
          <Image Width="16" Height="16" Margin="3,0" Source="Images\Country.png"/> 
          <TextBlock Text="{Binding CountryName}"/> 
         </StackPanel> 
        </HierarchicalDataTemplate> 
        <DataTemplate DataType="{x:Type ViewModels:CityViewModel}" > 
         <StackPanel Orientation="Horizontal"> 
          <Image Width="16" Height="16" Margin="3,0" Source="Images\City.png"/> 
          <TextBlock Text="{Binding CityName}"/> 
         </StackPanel> 
        </DataTemplate> 
       </TreeView.Resources> 
      </TreeView> 
      <GridSplitter Grid.Row="0" Grid.Column="1" Background="LightGray" 
       Width="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
      <Grid Grid.Column="2" Margin="5" > 
       <TabControl>         
        <TabItem Header="Details" DataContext="{Binding Path=SelectedItem.City, ElementName=tree, Mode=OneWay}"> 
         <StackPanel > 
          <TextBlock VerticalAlignment="Center" FontSize="12" Text="{Binding CityName}"/> 
          <TextBlock VerticalAlignment="Center" FontSize="12" Text="{Binding Area}"/> 
          <TextBlock VerticalAlignment="Center" FontSize="12" Text="{Binding Population}"/> 
          <!-- DONT WORK WHY--> 
          <TextBlock VerticalAlignment="Center" FontSize="12" Text="{Binding SelectedItem.CityDetailsInfo.ClubsCount}"/> 
          <TextBlock VerticalAlignment="Center" FontSize="12" Text="{Binding SelectedItem.CityDetailsInfo.PubsCount}"/> 
         </StackPanel> 
        </TabItem> 
       </TabControl> 
      </Grid> 
     </Grid> 
    </DockPanel>  
</DockPanel> 

Answer 1

看（无关位省略掉）：

<TabItem DataContext="{Binding Path=SelectedItem.City, ElementName=tree, Mode=OneWay}"> 
    <StackPanel > 
    <!-- DONT WORK WHY--> 
    <TextBlock Text="{Binding SelectedItem.CityDetailsInfo.ClubsCount}"/> 
    <TextBlock Text="{Binding SelectedItem.CityDetailsInfo.PubsCount}" /> 
    </StackPanel> 
</TabItem> 

在DataContext的TabItem的是SelectedItem.City：那就是，在DataContext是一个城市。 City没有SelectedItem属性。将您的绑定更改为例如

<TextBlock Text="{Binding CityDetailsInfo.ClubsCount}" /> 

即开始从当前的DataContext的路径，在这种情况下，市对象。

作为提示，“Visual Studio输出”窗口显示绑定错误，通常可以提供足够的信息来立即诊断此错误。如果你看到“City”上没有找到“Property'SelectedItem'”，那很明显WPF没有看着你认为它正在看的对象！