WPF ListBoxItem DataTempldate command 执行问题

今天用到MVVM,在listboxItem中做command处理。因为是要获取数据，修改ListBox模板，但是发现command无法正确执行，写在Item中可以正确执行。

网上也遇到类似问题，但是没有对应的解决办法。最后由@WaitingEver 给予解决。

主要用到RelativeSource，RelativeSource属性可以根据相对于目标的关系指向源对象。通常用于目标对象和源对象不在同一个标记块中，当创建控件模板和数据模板会出现这种情况。用到RelativeSource访问顶级ListBox控件去读取相应的属性。

 

出错代码：

<ListBox.ItemTemplate>

         <DataTemplate>

                <Image Margin="5" Source="{Binding}" Width="140" Height="90" Stretch="Fill">

                     <i:Interaction.Triggers>

                           <i:EventTrigger EventName="MouseEnter"> 

　　　　　　　　　　　　　　　　　　<i:InvokeCommandAction Command="{Binding ChangeBackGround}" CommandParameter="" /> 
　　　　　　　　　　　　　　　　</i:EventTrigger> 
　　　　　　　　　　　　</i:Interaction.Triggers> 
　　　　　　　　　　</Image> 
　　　　　　</DataTemplate> 
</ListBox.ItemTemplate>

 

修正后代码：

<ListBox.ItemTemplate>

                            <DataTemplate>

                                <Image Margin="5" Source="{Binding}" Width="140" Height="90" Stretch="Fill">

                                    <i:Interaction.Triggers>

                                        <i:EventTrigger EventName="MouseEnter">

                                            <i:InvokeCommandAction Command="{Binding Path=DataContext.ChangeBackGround,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ListBox}}" CommandParameter="" />

                                        </i:EventTrigger>

                                    </i:Interaction.Triggers>

                                </Image>

                            </DataTemplate>

                        </ListBox.ItemTemplate>