今天的博客将介绍如何实现ListViewItem双击事件绑定到ViewModel中的Command。实现方法借助了Style中的EventSetter,请看下面的详细代码:

<ListView ItemsSource="{Binding Users}">
<ListView.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="3*" />
</Grid.ColumnDefinitions> <TextBlock Text="{Binding Name}" VerticalAlignment="Center" HorizontalAlignment="Center" /> <TextBlock Grid.Column="1" Text="{Binding Birthday}" VerticalAlignment="Center" HorizontalAlignment="Center" /> <TextBlock Grid.Column="2" Text="{Binding Address}" VerticalAlignment="Center" HorizontalAlignment="Center" />
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
<ListView.ItemContainerStyle>
<Style TargetType="{x:Type ListViewItem}">
<Style.Setters>
<EventSetter Event="MouseDoubleClick" Handler="OnListViewItemDoubleClick" />
</Style.Setters>
</Style>
</ListView.ItemContainerStyle>

</ListView>

在Code Behind中,

        private void OnListViewItemDoubleClick(object sender, MouseButtonEventArgs e)
{
var vm = this.DataContext as MainViewModel; vm.EditCommand.Execute();
}

具体的ViewModel中执行需要的操作即可。这样不会打破MVVM模式。

    class MainViewModel
{
private ObservableCollection<User> _users;
public ObservableCollection<User> Users
{
get
{
if(_users == null)
{
_users = new ObservableCollection<User>();
} return _users;
}
} public DelegateCommand EditCommand { get; private set; } public MainViewModel()
{
Users.Add(new User() { Name = "Tom", Address = "WUXI IPARK", Birthday = new DateTime(,,) }); Users.Add(new User() { Name = "Jack", Address = "WUXI IPARK", Birthday = new DateTime(, , ) }); Users.Add(new User() { Name = "Jerry", Address = "WUXI IPARK", Birthday = new DateTime(, , ) }); Users.Add(new User() { Name = "Hellen", Address = "WUXI IPARK", Birthday = new DateTime(, , ) }); EditCommand = new DelegateCommand(Edit);
} private void Edit()
{
System.Diagnostics.Debug.WriteLine("MouseDoubleClick Command."
);
}

}

通过上面的方式就很简单的将ListView中的MouseDoubleClick事件绑定到Command上。

感谢您的阅读,代码点击这里下载。

04-17 22:20