【wpf】列表类，用相对源时，如何绑定到子项

前言

在之前的一篇文章 ：《【wpf】深度解析，Binding是如何寻找数据源的》https://blog.csdn.net/songhuangong123/article/details/126195727#:~:text=%E3%80%90wpf%E3%80%91%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90%EF%BC%8CBinding%E6%98%AF%E5%A6%82%E4%BD%95%E5%AF%BB%E6%89%BE%E6%95%B0%E6%8D%AE%E6%BA%90%E7%9A%84https://blog.csdn.net/songhuangong123/article/details/126195727#:~:text=%E3%80%90wpf%E3%80%91%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90%EF%BC%8CBinding%E6%98%AF%E5%A6%82%E4%BD%95%E5%AF%BB%E6%89%BE%E6%95%B0%E6%8D%AE%E6%BA%90%E7%9A%84

我们介绍了，Binding是如何寻找数据源的 ，这次我遇到一个新的情况：

子项的数据结构就是这样：

public class TileItem
{public string Header { get; set; } = "";public int Index { get; set; } = 0;public TileItem(){}
}

<ListBox Name="tileViewControl" ItemsSource="{Binding TileViewItems}"><ListBox.ItemTemplate><DataTemplate><sw:ROIWindowCtrl ScreenNum="{Binding Index}"/></DataTemplate></ListBox.ItemTemplate>
</ListBox>

一般情况下，这样绑定，一点问题没有，Index会自动对应上 ItemsSource 中的子项

但是我这个ROIWindowCtrl 用户控件有点特殊，他应用了MVVM模式，相当于设置了 ROIWindowCtrl 的 DataContext。

根据之前的介绍，在向上找的时候，如果遇到了控件的DataContext被设置了，就不会继续往上找了。

绑定报错：，确实找到了ROIWindowCtrl的DataContext就停了。

但是其实我是希望能找到 ListBox的ItemsSource的！那怎么办呢？

根据上篇文章，我们也做了介绍，那就是相对源。于是我试了这种（错误示范）：

<ListBox Name="tileViewControl" ItemsSource="{Binding TileViewItems}"><ListBox.ItemTemplate><DataTemplate><sw:ROIWindowCtrl ScreenNum="{Binding Path=ItemsSource.Index, 
RelativeSource={RelativeSource Mode=FindAncestor,  AncestorType= {x:Type ListBox}}}"/></DataTemplate></ListBox.ItemTemplate>
</ListBox>

首先，我指定了类型为ListBox，然后使用ItemsSource.Index，但是明显有违和感，因为ItemsSource他是个数组，不可能有Index属性，只有他的子项才有Index。

那在使用相对源的情况下如何绑定到子条目上面呢？

解决方案

想到这里貌似就有答案了，于是我改了一下（正确写法）：

<sw:ROIWindowCtrl ScreenNum="{Binding 
Path=DataContext.Index, 
RelativeSource={RelativeSource Mode=FindAncestor,  
AncestorType= {x:Type ListBoxItem}}}"/>

就OK了，关键点就是两个

• 1  DataContext.Index
• 2  ListBoxItem

意思就是说，我们需要绑定的是 ListBox 的子项 （ListBoxItem） 的 DataContext 中的 Index。

小结

        这里一直没想到的原因是：xaml中并没有显示的写出ListBoxItem，所以就没想到使用ListBoxItem。但是我们应该认识到，当使用了数据模板，如果有了数据，ListBoxItem就会被实例化出来。所以 ListBoxItem 他其实是存在于ListBox之中的！