I Have a wpf Listbox that display's a list of textboxes. When I click on the Textbox the Listbox selection does not change. I have to click next to the TextBox to select the listbox item. Is there some property I need to set for the Textbox to forward the click event to the Listbox?
15 に答える
次のスタイルを使用して、TextBox コントロールと ComboBoxes などのすべてのイベントを処理する PreviewGotKeyboardFocus を設定します。
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<EventSetter Event="PreviewGotKeyboardFocus" Handler="SelectCurrentItem"/>
</Style>
</ListView.ItemContainerStyle>
次に、分離コードで行を選択します。
protected void SelectCurrentItem(object sender, KeyboardFocusChangedEventArgs e)
{
ListViewItem item = (ListViewItem) sender;
item.IsSelected = true;
}
適切な TargetType: ListViewItem、ListBoxItem、または TreeViewItem を必ず使用してください。
<Style TargetType="ListViewItem">
<Style.Triggers>
<Trigger Property="IsKeyboardFocusWithin" Value="true">
<Setter Property="IsSelected" Value="true" />
</Trigger>
</Style.Triggers>
</Style>
コメントするのに十分な担当者がいないため、コメントを回答として投稿しています。Button
上記の Grazer のソリューションは、を必要とするなどの別のコントロールがある場合には機能しませんSelectedItem
。これは、をクリックすると が false にStyle Trigger
なり、が null になるためです。IsKeyboardFocusWithin
Button
SelectedItem
私はRobertのソリューションと同様のものを使用しましたが、コードビハインドはありません(アタッチされた動作を使用)。
そうするために、
初め。別のクラス FocusBehaviour を作成します。
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
namespace MyBehaviours
{
public class FocusBehaviour
{
#region IsFocused
public static bool GetIsFocused(Control control)
{
return (bool) control.GetValue(IsFocusedProperty);
}
public static void SetIsFocused(Control control, bool value)
{
control.SetValue(IsFocusedProperty, value);
}
public static readonly DependencyProperty IsFocusedProperty = DependencyProperty.RegisterAttached(
"IsFocused",
typeof(bool),
typeof(FocusBehaviour),
new UIPropertyMetadata(false, IsFocusedPropertyChanged));
public static void IsFocusedPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
{
var control = sender as Control;
if (control == null || !(e.NewValue is bool))
return;
if ((bool)e.NewValue && !(bool)e.OldValue)
control.Focus();
}
#endregion IsFocused
#region IsListBoxItemSelected
public static bool GetIsListBoxItemSelected(Control control)
{
return (bool) control.GetValue(IsListBoxItemSelectedProperty);
}
public static void SetIsListBoxItemSelected(Control control, bool value)
{
control.SetValue(IsListBoxItemSelectedProperty, value);
}
public static readonly DependencyProperty IsListBoxItemSelectedProperty = DependencyProperty.RegisterAttached(
"IsListBoxItemSelected",
typeof(bool),
typeof(FocusBehaviour),
new UIPropertyMetadata(false, IsListBoxItemSelectedPropertyChanged));
public static void IsListBoxItemSelectedPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
{
var control = sender as Control;
DependencyObject p = control;
while (p != null && !(p is ListBoxItem))
{
p = VisualTreeHelper.GetParent(p);
}
if (p == null)
return;
((ListBoxItem)p).IsSelected = (bool)e.NewValue;
}
#endregion IsListBoxItemSelected
}
}
2番。リソース セクションにスタイルを追加します (私のスタイルはフォーカス時に黒く丸くなっています)。FocusBehaviour.IsListBoxItemSelected プロパティのセッターに注意してください。で参照する必要がありますxmlns:behave="clr-namespace:MyBehaviours"
`
<Style x:Key="PreviewTextBox" BasedOn="{x:Null}" TargetType="{x:Type TextBox}">
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Padding" Value="1"/>
<Setter Property="AllowDrop" Value="true"/>
<Setter Property="Background" Value="White"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TextBox}">
<Border
Margin="6,2,0,4"
BorderBrush="#FFBDBEBD"
BorderThickness="1"
CornerRadius="8"
Background="White"
VerticalAlignment="Stretch"
HorizontalAlignment="Stretch"
MinWidth="100"
x:Name="bg">
<ScrollViewer
x:Name="PART_ContentHost"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsKeyboardFocusWithin" Value="True">
<Setter Property="Background" TargetName="bg" Value="Black"/>
<Setter Property="Background" Value="Black"/><!-- we need it for caret, it is black on black elsewise -->
<Setter Property="Foreground" Value="White"/>
<Setter Property="behave:FocusBehaviour.IsListBoxItemSelected" Value="True"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
`
三番。(オプション、リバース タスク用)
ListBoxItem が選択されたときに TextBox に焦点を当てるという、逆のタスクに遭遇することはありません。Behavior クラスの別のプロパティである IsFocused を使用することをお勧めします。のサンプル テンプレートは次のとおりですListBoxItem
。注意Property="behave:FocusBehaviour.IsFocused"
してください。FocusManager.IsFocusScope="True"
<DataTemplate x:Key="YourKey" DataType="{x:Type YourType}">
<Border
Background="#FFF7F3F7"
BorderBrush="#FFBDBEBD"
BorderThickness="0,0,0,1"
FocusManager.IsFocusScope="True"
x:Name="bd"
MinHeight="40">
<TextBox
x:Name="textBox"
Style="{StaticResource PreviewTextBox}"
Text="{Binding Value}" />
</Border>
<DataTemplate.Triggers>
<DataTrigger
Binding="{Binding IsSelected,RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
Value="True">
<Setter
TargetName="textBox"
Property="behave:FocusBehaviour.IsFocused"
Value="True" />
</DataTrigger>
</DataTemplate.Triggers>
</DataTemplate>
クラス ハンドラーを使用して、この動作を設定します。このようにすると、アプリケーション内のすべてのリスト ビューが修正されます。これがデフォルトの動作ではない理由がわかりません。
App.xaml.cs で、次を OnStartup に追加します。
protected override void OnStartup(StartupEventArgs e)
{
EventManager.RegisterClassHandler(typeof (ListViewItem),
ListViewItem.PreviewGotKeyboardFocusEvent,
new RoutedEventHandler((x,_) => (x as ListViewItem).IsSelected = true));
}
これがあなたが探している答えです:内側の ComboBox がフォーカスされているときに ListBoxItem を選択する
古い議論ですが、私の答えは他の人に役立つかもしれません....
Ben のソリューションには、Grazer のソリューションと同じ問題があります。悪い点は、選択がテキストボックスの [キーボード] フォーカスに依存することです。ダイアログに別のコントロール (ボタンなど) がある場合、ボタンをクリックするとフォーカスが失われ、リストボックス項目が選択されなくなります (SelectedItem == null)。そのため、アイテム (テキスト ボックスの外側) をクリックする場合とテキスト ボックス内をクリックする場合の動作が異なります。これは扱いが非常に面倒で、非常に奇妙に見えます。
これに対する純粋な XAML ソリューションはないと確信しています。これには分離コードが必要です。解決策は、Mark が提案したものに近いものです。
(私の例では、ListBoxItem の代わりに ListViewItem を使用していますが、ソリューションは両方で機能します)。
分離コード:
private void Element_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
var frameworkElement = sender as FrameworkElement;
if (frameworkElement != null)
{
var item = FindParent<ListViewItem>(frameworkElement);
if (item != null)
item.IsSelected = true;
}
}
FindParent を使用 ( http://www.infragistics.com/community/blogs/blagunas/archive/2013/05/29/find-the-parent-control-of-a-specific-type-in -wpf-and から取得) -silverlight.aspx ):
public static T FindParent<T>(DependencyObject child) where T : DependencyObject
{
//get parent item
DependencyObject parentObject = VisualTreeHelper.GetParent(child);
//we've reached the end of the tree
if (parentObject == null) return null;
//check if the parent matches the type we're looking for
T parent = parentObject as T;
if (parent != null)
return parent;
return FindParent<T>(parentObject);
}
私のDataTemplateで:
<TextBox Text="{Binding Name}"
PreviewMouseDown="Element_PreviewMouseDown"/>
これを行うために見つけた最も簡単な方法は、PreviewMouseDown イベントを使用して、テンプレート化された親の IsSelected プロパティを設定することです。プレビュー イベントはバブル ダウンするため、ListBoxItem は、ユーザーがテキスト ボックス、コンボ ボックス、またはイベントを設定したその他のコントロールをクリックするとすぐにイベントを処理します。
これの良い点の 1 つは、すべてのコントロールが Framework 要素から派生するため、すべてのタイプのコントロールに同じイベントを使用できることです。また、(SelectedItem を設定する代わりに) IsSelected を設定すると、リストボックスの SelectionMode を "Extended" に設定すると、複数の項目が選択されます。
すなわち:
c# コード
private void Element_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
((sender as FrameworkElement).TemplatedParent as ListBoxItem).IsSelected = true;
}
xaml
...
<ComboBox PreviewMouseDown="Element_PreviewMouseDown"/>
<TextBox PreviewMouseDown="Element_PreviewMouseDown"/>
...
このコードを試してください:
foreach (object item in this.listBox1.Items) {
if (textbox1.text.equals(item.toString())) {
//show error message; break
}
}
複数選択やその他のシナリオが壊れると思うので、前の回答で説明したように選択を直接設定したいと思うかどうかは完全にはわかりません
. 以下のようにボタンのスタイルを変更して、何が起こるかを確認してみてください。
<Button ClickMode="Pressed" Focusable="False">
<Button.Template>
<ControlTemplate> // change the template to get rid of all the default chrome
<Border Background="Transparent"> // Button won't be clickable without some kind of background set
<ContentPresenter />
</Border>
</ControlTemplate>
</Button.Template>
<TextBox />
The Listbox handles item selection but does not know about focus of the textbox embedded within. If you want to change the selection whenever a textbox gets input focus then you need to change the listbox selection manually, afaik.
あなたの最初の状況についてあまり具体的ではありません。ただし、DataBinding と ItemTemplate を使用すると仮定します。これは、このトピックの初心者の場合と同様に、これを行う簡単な方法です。これはうまくいくはずです:
<ListBox ItemsSource="{Binding someDataCollection}" Name="myListBox">
<ListBox.ItemTemplate>
<DataTemplate>
<TextBox Text="{Binding datafield}" Tag="{Binding .}"
GotFocus="TextBox_GotFocus"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
private void TextBox_GotFocus(object sender, RoutedEventArgs e)
{
myListBox.SelectedItem = (sender as TextBox).Tag; /* Maybe you need to cast to the type of the objects contained in the collection(bound as ItemSource above) */
}