How to use double click trigger in ListBoxItem template?

Question

Hi all,
I want to double click listBoxItem in listbox, and set this item as editable status. It says make textbox as visible, please see the below code. When press Enter key or lost focus, then make textbox as invisible and textblock as visible. It's better to use
trigger to switch the status, but I do not know how to do it, thanks!
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBoxItem">
<Grid>
<TextBlock Text="{Binding FirstName}" />
<TextBox Text="{Binding FirstName}"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>

Answer 1

Did you consider using a DataGrid? This control has editing capabilities built-in:
https://msdn.microsoft.com/en-us/library/system.windows.controls.datagrid(v=vs.110).aspx
Otherwise you could add a boolean property to the class with the FirstName property, toggle this one in an event handler for the MouseDoubleClick event of the ListBoxItem and then use data triggers. Here is an example for you that should give you the
idea:
<ListBox x:Name="lb1">
<ListBox.ItemContainerStyle>
<Style TargetType="ListBoxItem">
<EventSetter Event="MouseDoubleClick" Handler="OnMouseDoubleClick"/>
</Style>
</ListBox.ItemContainerStyle>
<ListBox.ItemTemplate>
<DataTemplate>
<Grid>
<TextBlock x:Name="tb" Text="{Binding FirstName}" Visibility="Visible"/>
<TextBox x:Name="tx" Text="{Binding FirstName}" Visibility="Collapsed"
LostKeyboardFocus="tx_LostFocus" PreviewKeyDown="tx_PreviewKeyDown"/>
</Grid>
<DataTemplate.Triggers>
<DataTrigger Binding="{Binding IsInEditMode}" Value="True">
<Setter TargetName="tb" Property="Visibility" Value="Collapsed"/>
<Setter TargetName="tx" Property="Visibility" Value="Visible"/>
</DataTrigger>
</DataTemplate.Triggers>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
public MainWindow()
InitializeComponent();
List<YourItem> myDataType = new List<YourItem>()
new YourItem{ FirstName = "Name..."}
lb1.ItemsSource = myDataType;
private void OnMouseDoubleClick(object sender, MouseButtonEventArgs e)
ListBoxItem lbi = sender as ListBoxItem;
YourItem item = lbi.DataContext as YourItem;
if (item != null)
item.IsInEditMode = !item.IsInEditMode;
private void tx_LostFocus(object sender, RoutedEventArgs e)
TextBox txt = sender as TextBox;
YourItem item = txt.DataContext as YourItem;
if (item != null)
item.IsInEditMode = false;
private void tx_PreviewKeyDown(object sender, KeyEventArgs e)
if (e.Key == Key.Return)
e.Handled = true;
TextBox txt = sender as TextBox;
YourItem item = txt.DataContext as YourItem;
if (item != null)
item.IsInEditMode = false;
Make sure that your model class implements the INotifyPropertyChanged interface correctly:
public class YourItem : INotifyPropertyChanged
public string FirstName { get; set; }
private bool _isInEditMode;
public bool IsInEditMode
get { return _isInEditMode; }
set { _isInEditMode = value; NotifyPropertyChanged("IsInEditMode"); }
public event PropertyChangedEventHandler PropertyChanged;
private void NotifyPropertyChanged(string propertyName)
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
Hope that helps.
Please remember to close your threads by marking helpful posts as answer and then start a new thread if you have a new question. Please don't post several questions in the same thread.