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

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

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

出错代码:

<ListBox.ItemTemplate>
<DataTemplate>
<Image Margin="" Source="{Binding}" Width="" Height="" 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="" Source="{Binding}" Width="" Height="" 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>
05-28 14:21