WPF ListView - detect when selected item is clicked

Question

I m using a WPF ListView control which displays a list of databound items    lt ListView ItemsSource  Binding MyItems  gt       lt ListView View gt           lt GridView gt               lt  -- declare a GridViewColumn for each property -- gt           lt  GridView gt       lt  ListView View gt   lt  ListView gt    I m trying to obtain a behavior similar to the ListView SelectionChanged event  only I want to also detect if the currently selected item is clicked  The SelectionChanged event does not fire if the same item is clicked again  obviously    What would be the best  cleanest  way to approach this

User · Answer

I would also suggest deselecting an item after it has been clicked and use the MouseDoubleClick event  private void listBox MouseDoubleClick object sender  MouseButtonEventArgs e        try             Do your stuff here         listBox SelectedItem   null          listBox SelectedIndex   -1        catch  Exception ex            System Diagnostics Debug WriteLine ex Message

User · Answer

Use the ListView ItemContainerStyle property to give your ListViewItems an EventSetter that will handle the PreviewMouseLeftButtonDown event  Then  in the handler  check to see if the item that was clicked is selected   XAML    lt ListView ItemsSource  Binding MyItems  gt       lt ListView View gt           lt GridView gt               lt  -- declare a GridViewColumn for each property -- gt           lt  GridView gt       lt  ListView View gt       lt ListView ItemContainerStyle gt           lt Style TargetType  ListViewItem  gt               lt EventSetter Event  PreviewMouseLeftButtonDown  Handler  ListViewItem PreviewMouseLeftButtonDown    gt           lt  Style gt       lt  ListView ItemContainerStyle gt   lt  ListView gt    Code-behind   private void ListViewItem PreviewMouseLeftButtonDown object sender  MouseButtonEventArgs e        var item   sender as ListViewItem      if  item    null  amp  amp  item IsSelected                  Do your stuff

User · Answer

I couldn t get the accepted answer to work the way I wanted it to  see Farrukh s comment    I came up with a slightly different solution which also feels more native because it selects the item on mouse button down and then you re able to react to it when the mouse button gets released   XAML    lt ListView Name  MyListView  ItemsSource  Binding MyItems  gt   lt ListView ItemContainerStyle gt       lt Style TargetType  ListViewItem  gt           lt EventSetter Event  PreviewMouseLeftButtonDown  Handler  ListViewItem PreviewMouseLeftButtonDown    gt           lt EventSetter Event  PreviewMouseLeftButtonUp  Handler  ListViewItem PreviewMouseLeftButtonUp    gt       lt  Style gt   lt  ListView ItemContainerStyle gt      Code behind   private void ListViewItem PreviewMouseLeftButtonDown object sender  System Windows Input MouseButtonEventArgs e        MyListView SelectedItems Clear         ListViewItem item   sender as ListViewItem      if  item    null                item IsSelected   true          MyListView SelectedItem   item           private void ListViewItem PreviewMouseLeftButtonUp object sender  System Windows Input MouseButtonEventArgs e        ListViewItem item   sender as ListViewItem      if  item    null  amp  amp  item IsSelected                   do stuff

User · Answer

You can handle the ListView s PreviewMouseLeftButtonUp event   The reason not to handle the PreviewMouseLeftButtonDown event is that  by the time when you handle the event  the ListView s SelectedItem may still be null    XAML     lt ListView     PreviewMouseLeftButtonUp  listView Click  gt        Code behind    private void listView Click object sender  RoutedEventArgs e        var item    sender as ListView  SelectedItem      if  item    null

User · Answer

These are all great suggestions  but if I were you  I would do this in your view model   Within your view model  you can create a relay command that you can then bind to the click event in your item template   To determine if the same item was selected  you can store a reference to your selected item in your view model   I like to use MVVM Light to handle the binding   This makes your project much easier to modify in the future  and allows you to set the binding in Blend     When all is said and done  your XAML will look like what Sergey suggested   I would avoid using the code behind in your view   I m going to avoid writing code in this answer  because there is a ton of examples out there   Here is one  How to use RelayCommand with the MVVM Light framework  If you require an example  please comment  and I will add one      Cheers  I said I wasn t going to do an example  but I am   Here you go   1  In your project  add MVVM Light Libraries Only   2  Create a class for your view   Generally speaking  you have a view model for each view  view  MainWindow xaml  amp  amp  viewModel  MainWindowViewModel cs   3  Here is the code for the very  very  very basic view model   All included namespace  if they show up here  I am assuming you already added the reference to them   MVVM Light is in Nuget   using GalaSoft MvvmLight  using GalaSoft MvvmLight CommandWpf  using System  using System Collections Generic  using System Collections ObjectModel  using System Linq  using System Text  using System Threading Tasks    Now add a basic public class        lt summary gt      Very basic model for example      lt  summary gt  public class BasicModel        public string Id   get  set        public string Text   get  set              lt summary gt          Constructor          lt  summary gt           lt param name  text  gt  lt  param gt      public BasicModel string text                this Id   Guid NewGuid   ToString            this Text   text            Now create your viewmodel   public class MainWindowViewModel   ViewModelBase       public MainWindowViewModel                 ModelsCollection   new ObservableCollection lt BasicModel gt  new List lt BasicModel gt                  new BasicModel  Model one                 new BasicModel  Model two                 new BasicModel  Model three                          private BasicModel  selectedBasicModel            lt summary gt          Stores the selected mode           lt  summary gt           lt remarks gt This is just an example  may be different  lt  remarks gt      public BasicModel SelectedBasicModel                get   return  selectedBasicModel            set   Set      gt  SelectedBasicModel  ref  selectedBasicModel  value                private ObservableCollection lt BasicModel gt   modelsCollection            lt summary gt          List to bind to          lt  summary gt      public ObservableCollection lt BasicModel gt  ModelsCollection               get   return  modelsCollection            set   Set      gt  ModelsCollection  ref  modelsCollection  value                       In your viewmodel  add a relaycommand   Please note  I made this async and had it pass a parameter        private RelayCommand lt string gt   selectItemRelayCommand           lt summary gt          Relay command associated with the selection of an item in the observablecollection          lt  summary gt      public RelayCommand lt string gt  SelectItemRelayCommand               get                       if   selectItemRelayCommand    null                                 selectItemRelayCommand   new RelayCommand lt string gt  async  id    gt                                        await selectItem id                                                  return  selectItemRelayCommand                    set    selectItemRelayCommand   value                    lt summary gt          I went with async in case you sub is a long task  and you don t want to lock you UI          lt  summary gt           lt returns gt  lt  returns gt      private async Task lt int gt  selectItem string id                this SelectedBasicModel   ModelsCollection FirstOrDefault x   gt  x Id    id           Console WriteLine String Concat  You just clicked    SelectedBasicModel Text              Do async work          return await Task FromResult 1           In the code behind for you view  create a property for you viewmodel and set the datacontext for your view to the viewmodel  please note  there are other ways to do this  but I am trying to make this a simple example    public partial class MainWindow   Window       public MainWindowViewModel MyViewModel   get  set        public MainWindow                 InitializeComponent             MyViewModel   new MainWindowViewModel            this DataContext   MyViewModel            In your XAML  you need to add some namespaces to the top of your code   lt Window x Class  Basic Binding MainWindow      xmlns  http   schemas microsoft com winfx 2006 xaml presentation      xmlns x  http   schemas microsoft com winfx 2006 xaml      xmlns i  http   schemas microsoft com expression 2010 interactivity      xmlns Custom  clr-namespace GalaSoft MvvmLight assembly GalaSoft MvvmLight      Title  MainWindow  Height  350  Width  525  gt    I added  i  and  Custom    Here is the ListView    lt ListView          Grid Row  0           Grid Column  0           HorizontalContentAlignment  Stretch          ItemsSource   Binding ModelsCollection           ItemTemplate   DynamicResource BasicModelDataTemplate   gt       lt  ListView gt    Here is the ItemTemplate for the ListView    lt DataTemplate x Key  BasicModelDataTemplate  gt           lt Grid gt               lt TextBlock Text   Binding Text   gt                   lt i Interaction Triggers gt                       lt i EventTrigger EventName  MouseLeftButtonUp  gt                           lt i InvokeCommandAction                              Command   Binding DataContext SelectItemRelayCommand                                   RelativeSource  RelativeSource FindAncestor                                           AncestorType  x Type ItemsControl                                 CommandParameter   Binding Id   gt                                                           lt  i InvokeCommandAction gt                       lt  i EventTrigger gt                   lt  i Interaction Triggers gt               lt  TextBlock gt           lt  Grid gt       lt  DataTemplate gt    Run your application  and check out the output window   You can use a converter to handle the styling of the selected item     This may seem really complicated  but it makes life a lot easier down the road when you need to separate your view from your ViewModel  e g  develop a ViewModel for multiple platforms    Additionally  it makes working in Blend 10x easier   Once you develop your ViewModel  you can hand it over to a designer who can make it look very artsy      MVVM Light adds some functionality to make Blend recognize your ViewModel   For the most part  you can do just about everything you want to in the ViewModel to affect the view     If anyone reads this  I hope you find this helpful   If you have questions  please let me know   I used MVVM Light in this example  but you could do this without MVVM Light    Cheers

User · Answer

You can handle click on list view item like this     lt ListView ItemTemplate gt     lt DataTemplate gt        lt Button BorderBrush  Transparent  Background  Transparent  Focusable  False  gt           lt i Interaction Triggers gt                   lt i EventTrigger EventName  Click  gt                       lt i InvokeCommandAction Command   Binding DataContext MyCommand  ElementName ListViewName   CommandParameter   Binding    gt                   lt  i EventTrigger gt           lt  i Interaction Triggers gt         lt Button Template gt         lt ControlTemplate gt            lt Grid VerticalAlignment  Stretch  HorizontalAlignment  Stretch  gt

User · Answer

This worked for me   Single-clicking a row triggers the code-behind   XAML    lt ListView x Name  MyListView  MouseLeftButtonUp  MyListView MouseLeftButtonUp  gt       lt GridView gt           lt  -- Declare GridViewColumns  -- gt       lt  GridView gt   lt  ListView View gt    Code-behind   private void MyListView MouseLeftButtonUp object sender  MouseButtonEventArgs e        System Windows Controls ListView list    System Windows Controls ListView sender      MyClass selectedObject    MyClass list SelectedItem         Do stuff with the selectedObject

[wpf] WPF ListView - detect when selected item is clicked

Examples related to wpf

Examples related to listview