首页 > 代码库 > (WPF, MVVM) Event 处理
(WPF, MVVM) Event 处理
WPF的有些UI元素有Command属性可以直接实现绑定，如Button
但是很多Event的触发如何绑定到ViewModel中的Command呢？
答案就是使用EventTrigger可以实现。
继续上一篇对Slider的研究，在View中修改Interaction.
<i:Interaction.Triggers> <i:EventTrigger EventName="ValueChanged"> <i:InvokeCommandAction Command="{Binding ValueChangedCommand}" /> </i:EventTrigger> </i:Interaction.Triggers>
那么如果将EventName修改为Thumb.DragCompleted 后发现这个事件并不会被触发
原因是：Because the command is hooked up to the Slider, but the event is fired on the Thumb。
（参考：http://stackoverflow.com/questions/14331272/issue-with-thumb-dragstarted-event-with-mvvmlight）
参考上述链接中Tom Allen的方法后可以实现, 但是这个方法并没有很好的遵守MVVM模式。
于是接着研究，既然DragCompleted是挂在Thumb上面的，那么为何不直接和Thumb 绑定呢？
修改Slider的ControlTemplate, 在Track控件中的Thumb中绑定Event 成功！
<UserControl.Resources> <ControlTemplate x:Key="trackThumb" TargetType="{x:Type Slider}"> <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> <Grid> <Track x:Name="PART_Track"> <Track.Thumb> <Thumb Width="10"> <i:Interaction.Triggers> <i:EventTrigger EventName="DragCompleted"> <i:InvokeCommandAction Command="{Binding ValueChangedCommand}" /> </i:EventTrigger> </i:Interaction.Triggers> </Thumb> </Track.Thumb> </Track> </Grid> </Border> </ControlTemplate> </UserControl.Resources>
参考：
http://social.technet.microsoft.com/wiki/contents/articles/18199.event-handling-in-an-mvvm-wpf-application.aspx
http://www.codeproject.com/Articles/274982/Commands-in-MVVM#example9
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。