StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Another way is to have a TextBlock for display and a hidden TextBox for editing. Listen for F2 on the TreeView which will receive the keyboard events since the TextBox won't be getting any input focus while it is hidden. When F2 is pressed, hide the TextBlock and show the TextBox for editing. Handle the LostFocus event on the TextBox to hide the TextBox and show the TextBlock again.</p> <p>One advantage of doing it this way is you don't have to <em>fake</em> a TextBox into looking and behaving like a TextBlock. The TextBlock will always look and behave like a TextBlock and the TextBox will always look and behave like a TextBox, and they will each be able to inherit any styling applied at a higher resource level.</p> <p>Edit: Adding some sample code.</p> <p>Here is the XAML:</p> <pre><code><Window.Resources> <Style x:Key="TreeViewTextBlockStyle" TargetType="TextBlock"> <Setter Property="Text" Value="{Binding DisplayText}"/> <Style.Triggers> <DataTrigger Binding="{Binding InEditMode}" Value="true"> <Setter Property="Visibility" Value="Collapsed"/> </DataTrigger> </Style.Triggers> </Style> <Style x:Key="TreeViewTextBoxStyle" TargetType="TextBox"> <Setter Property="Text" Value="{Binding DisplayText, Mode=TwoWay}"/> <Setter Property="MinWidth" Value="50"/> <EventSetter Event="LostFocus" Handler="TreeViewTextBox_LostFocus" /> <Style.Triggers> <DataTrigger Binding="{Binding InEditMode}" Value="false"> <Setter Property="Visibility" Value="Collapsed"/> </DataTrigger> <DataTrigger Binding="{Binding InEditMode}" Value="true"> <Setter Property="FocusManager.FocusedElement" Value="{Binding RelativeSource={RelativeSource Mode=Self}}"/> </DataTrigger> </Style.Triggers> </Style> <HierarchicalDataTemplate x:Key="HL7MessageTemplate" ItemsSource="{Binding Segments}"> <StackPanel Orientation="Horizontal"> <TextBlock Text="[msg]--" FontWeight="Bold"/> <TextBlock Style="{StaticResource TreeViewTextBlockStyle}"/> <TextBox Style="{StaticResource TreeViewTextBoxStyle}" /> </StackPanel> </HierarchicalDataTemplate> <DataTemplate x:Key="HL7SegmentTemplate"> <StackPanel Orientation="Horizontal"> <TextBlock Text="[seg]--" FontWeight="Bold"/> <TextBlock Style="{StaticResource TreeViewTextBlockStyle}"/> <TextBox Style="{StaticResource TreeViewTextBoxStyle}" /> </StackPanel> </DataTemplate> <HierarchicalDataTemplate x:Key="HL7SegmentWithSubcomponentsTemplate" ItemsSource="{Binding Subcomponents}"> <StackPanel Orientation="Horizontal"> <TextBlock Text="[seg+sub]--" FontWeight="Bold"/> <TextBlock Style="{StaticResource TreeViewTextBlockStyle}"/> <TextBox Style="{StaticResource TreeViewTextBoxStyle}" /> </StackPanel> </HierarchicalDataTemplate> <DataTemplate x:Key="HL7SubcomponentTemplate"> <StackPanel Orientation="Horizontal"> <TextBlock Text="[sub]--" FontWeight="Bold"/> <TextBlock Style="{StaticResource TreeViewTextBlockStyle}"/> <TextBox Style="{StaticResource TreeViewTextBoxStyle}" /> </StackPanel> </DataTemplate> <local:HL7DataTemplateSelector x:Key="HL7DataTemplateSelector"/> </Window.Resources> <Grid> <TreeView Name="treeView1" ItemsSource="{Binding}" ItemTemplateSelector="{StaticResource HL7DataTemplateSelector}" KeyUp="treeView1_KeyUp"/> </Grid> </code></pre> <p>Here is the code behind:</p> <pre><code>private void treeView1_KeyUp(object sender, KeyEventArgs e) { if (e.Key == Key.F2) { HL7Object selectedHL7Object = treeView1.SelectedItem as HL7Object; if (selectedHL7Object != null) { selectedHL7Object.InEditMode = true; } } } private void TreeViewTextBox_LostFocus(object sender, RoutedEventArgs e) { HL7Object selectedHL7Object = treeView1.SelectedItem as HL7Object; if (selectedHL7Object != null) { selectedHL7Object.InEditMode = false; } } </code></pre> <p>This code assumes your HL7Object is the base class for your data objects, such as the following:</p> <pre><code>public class HL7Object : INotifyPropertyChanged { private string DisplayTextField; public string DisplayText { get { return this.DisplayTextField; } set { if (this.DisplayTextField != value) { this.DisplayTextField = value; this.OnPropertyChanged("DisplayText"); } } } private bool InEditModeField = false; public bool InEditMode { get { return this.InEditModeField; } set { if (this.InEditModeField != value) { this.InEditModeField = value; this.OnPropertyChanged("InEditMode"); } } } public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged(string propertyName) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } } } </code></pre> <p>And also that you have implemented a DataTemplateSelector, which I assume you have because of your complex requirements. If not, here is an example:</p> <pre><code>public class HL7DataTemplateSelector : DataTemplateSelector { public override DataTemplate SelectTemplate(object item, DependencyObject container) { FrameworkElement element = container as FrameworkElement; if (element != null && item != null && (item is HL7Message || item is HL7Segment || item is HL7Subcomponent) ) { HL7Message message = item as HL7Message; if (message != null) { return element.FindResource("HL7MessageTemplate") as DataTemplate; } HL7Segment segment = item as HL7Segment; if (segment != null) { if (segment.Subcomponents != null && segment.Subcomponents.Count > 0) { return element.FindResource("HL7SegmentWithSubcomponentsTemplate") as DataTemplate; } else { return element.FindResource("HL7SegmentTemplate") as DataTemplate; } } HL7Subcomponent subcomponent = item as HL7Subcomponent; if (subcomponent != null) { return element.FindResource("HL7SubcomponentTemplate") as DataTemplate; } } return null; } } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload