Binding时如何获取类型的属性

Question

我有一个名为“MyType”的类型，并且我的 Pivot 的 ItemsSource 绑定到“myFirstVM”ViewModel 内名为“DataSource”的 ObservableCollection 属性。在“MyType”中，我有属性 Title。从我的 XAML 中可以看出，TextBlock 绑定到 MyProperty。如何让它返回当前的item Title？

例如，如果我在第二个 PivotItem 上，我需要 DataSource 集合中第二个项目的标题

XAML：

<Grid x:Name="LayoutRoot">
    <Pivot Name="myPivot"
           SelectedItem="{Binding myFirstVM.SelItem, Mode=TwoWay}"
           ItemsSource="{Binding myFirstVM.DataSource}"
           ItemTemplate="{Binding myFirstVM.OtherTemplate}">
        <Pivot.HeaderTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding DataContext.myFirstVM.MyProperty, ElementName=myPivot}"/>
            </DataTemplate>
        </Pivot.HeaderTemplate>
    </Pivot>
</Grid>

myFirstVM 代码：

private ObservableCollection<MyType> _dataSource;
public ObservableCollection<MyType> DataSource
{
    get
    {
        if (this._dataSource == null)
        {
            this._dataSource = new ObservableCollection<MyType>();
        }
        return this._dataSource;
    }
    set { }
}

public string MyProperty 
{ 
    get
    {
        if (null != this.SelItem)
        {
            return this.SelItem.Title;
        }

        return "no title";
    } 
    set { }
}

private MyType _selItem;
public MyType SelItem
{
    get
    {
        return _selItem;
    }
    set
    {
        _selItem = value;

        RaisePropertyChanged("SelItem");
        RaisePropertyChanged("MyProperty");
    }
}

public ObservableCollection<MyOtherType> OtherDataSource
{
    get
    {
        if (null != this.SelItem)
        {
            return this.SelItem.OtherCollection;
        }
        else
        {
            return new ObservableCollection<MyOtherType>();
        }
    }
    set { }
}

private MyOtherType _selOtherItem;
public MyOtherType SelOtherItem
{
    get
    {
        return _selSegment;
    }
    set
    {
        _selSegment = value;

        RaisePropertyChanged("SelOtherItem");
        RaisePropertyChanged("PartsDataSource");
    }
}

public ObservableCollection<MyThirdType> ThirdDataSource
{
    get
    {
        if (null != this.SelOtherItem)
        {
            return this.SelOtherItem.ThirdCollection;
        }
        else
        {
            return new ObservableCollection<MyThirdType>();
        }
    }
    set { }
}

这些是我的内部集合“OtherDataSource”和“ThirdDataSource”的数据模板，它们是列表框：

<DataTemplate x:Key="OtherTemplate">
    <ListBox DataContext="{Binding Source={StaticResource Locator}}"
             ItemsSource="{Binding myFirstVM.OtherDataSource}"
             ItemTemplate="{StaticResource ThirdTemplate}"
             SelectedItem="{Binding myFirstVM.SelOtherItem, Mode=TwoWay}">
    </ListBox>
</DataTemplate>

<DataTemplate x:Key="ThirdTemplate">
    <ListBox DataContext="{Binding Source={StaticResource Locator}}"
             ItemsSource="{Binding myFirstVM.ThirdDataSource}"
             ItemTemplate="{StaticResource FourthTemplate}">
    </ListBox>
</DataTemplate>

编辑：我按照@olitee 的建议使用完整的 ViewModel 和 DataTemplates 更新了问题。如您所见，这种方法的问题在于，在第二个和第三个 dataTemplate 中，我有 ListBoxes。我对所有事情都使用一个 ViewModel。有什么想法吗？

Answer 1

您需要做一些额外的工作。您的 ViewModel 当前不知道选择了哪个项目。您可以创建一个名为“SelectedItem”的新属性，并绑定 Pivots 的 SelectedItem 值。

然后您可以在代码中访问所选项目。

<Grid x:Name="LayoutRoot">
   <Pivot Name="myPivot"
       Tag="{Binding}"
       SelectedItem="{Binding myFirstVM.SelectedItem}"
       ItemsSource="{Binding myFirstVM.DataSource}"
       ItemTemplate="{Binding myFirstVM.ViewDataTemplate}">
   <Pivot.HeaderTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding DataContext.myFirstVM.MyProperty, ElementName=myPivot}"/>
        </DataTemplate>
   </Pivot.HeaderTemplate>
</Pivot>
</Grid>

那么您的虚拟机将如下所示：

private ObservableCollection<MyType> _dataSource;
public ObservableCollection<MyType> DataSource
{
    get
    {
        if (this._dataSource == null)
        {
            this._dataSource = new ObservableCollection<MyType>();
        }
        return this._dataSource;
    }
    set { }
}

public string MyProperty 
{ 
    get
    {
        if (this.SelectedItem != null)
        {
            return this.SelectedItem.Title;
        }
        else
        {
            return null;
        }
    } 
}

private MyType _selectedItem;

public MyType SelectedItem
{ 
    get
    {
        return _selectedItem;
    } 
    set
    {
        _selectedItem = value;
        OnNotifyPropertyChanged("SelectedItem");
        OnNotifyPropertyChanged("MyProperty");
    }
}

或者，如果您只是想修复文本以进行演示，并且在您的 VM 中并不真正需要 SelectedItem，您可以采用 @Jehof 的方法 - 但实现一个执行修复的 IValueConvertor。

Answer 2

这应该可以解决问题

<TextBlock Text="{Binding SelectedItem.Title, ElementName=myPivot}"/>

将 Text-Property 绑定到 Pivot 元素的 SelectedItem 属性。当 Pivot 的选定项目发生变化时，TextBlock 应显示项目的标题。

Answer 3

这是正确的 XAML 实现：

SelectedItem="{Binding myFirstVM.SelectedItem, Mode=TwoWay}"

在后面的代码中，ViewModel 需要继承 ViewModelBase，而不是 OnNotifyPropertyChanged，这是 MVVM Light 的一部分，然后在 SelectedItem 属性的设置器中：

RaisePropertyChanged("SelectedItem");