¿Cómo establece programáticamente el foco en SelectedItem en un WPF ListBox que ya tiene foco?

Question

Queremos establecer el SelectedItem de un ListBox programáticamente y queremos que ese elemento tenga el foco para que las teclas de flecha funcionen en relación con ese elemento seleccionado. Parece lo suficientemente simple.

El problema sin embargo es si el ListBox ya tiene el foco del teclado cuando se configura SelectedItem mediante programación, si bien no actualiza correctamente la propiedad IsSelected en el ListBoxItem, que no conjunto foco del teclado a la misma, y ​​por lo tanto, las teclas de flecha moverse en relación con el elemento previamente enfocado en la lista y no el elemento recién seleccionado como uno esperaría.

Esto es muy confuso para el usuario, ya que hace que parezca que la selección salta cuando se utiliza el teclado, ya que vuelve a estar donde estaba antes de que tuviera lugar la selección programática.

Nota: Como ya he dicho, esto solo ocurre si establece programáticamente la propiedad SelectedItem en un ListBox que ya tiene el foco del teclado. Si no lo hace (o si lo hace pero te vas, luego regresa), cuando el foco del teclado vuelva al ListBox, el elemento correcto ahora tendrá el foco del teclado como se esperaba.

Aquí hay un código de muestra que muestra este problema. Para hacer una demostración de esto, ejecute el código, use el mouse para seleccionar 'Siete' en la lista (enfocando así el ListBox), luego haga clic en el botón 'Prueba'. Finalmente, toque la tecla 'Alt' en su teclado para revelar el foco rect. Verás que todavía está en 'Siete' y si utilizas las flechas hacia arriba y hacia abajo, están relacionadas con esa fila, no con 'Cuatro' como esperaría un usuario.

Tenga en cuenta que tengo Focusable configurado en false en el botón como para no robar el cuadro de lista de enfoque al presionarlo. Si no tuviera esto, el ListBox perdería el foco al hacer clic en el botón y, por lo tanto, cuando el foco volviera al ListBox, estaría en el elemento correcto.

archivo XAML:

<Window x:Class="Test.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="525" Height="350" WindowStartupLocation="CenterScreen" 
    Title="MainWindow" x:Name="Root"> 

    <DockPanel> 

     <Button Content="Test" 
      DockPanel.Dock="Bottom" 
      HorizontalAlignment="Left" 
      Focusable="False" 
      Click="Button_Click" /> 

     <ListBox x:Name="MainListBox" /> 

    </DockPanel> 

</Window> 

de código subyacente:

using System.Collections.ObjectModel; 
using System.Windows; 

namespace Test 
{ 
    public partial class MainWindow : Window 
    { 
     public MainWindow() 
     { 
      InitializeComponent(); 

      MainListBox.ItemsSource = new string[]{ 
       "One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight" 
      }; 

     } 

     private void Button_Click(object sender, RoutedEventArgs e) 
     { 
      MainListBox.SelectedItem = MainListBox.Items[3]; 
     } 

    } 

} 

Nota: Algunos han sugerido el uso de IsSynchronizedWithCurrentItem, pero que la propiedad sincroniza la SelectedItem del ListBox con la propiedad Current del asociado ver. No está relacionado con el enfoque ya que este problema aún existe.

Nuestra solución alternativa es fijar temporalmente el foco en otro lugar, a continuación, establecer el elemento seleccionado, a continuación, establecer el foco de nuevo a la ListBox pero esto tiene el efecto indeseable de nosotros tener que hacer nuestra ViewModel consciente de la ListBox sí, luego realice la lógica dependiendo de si tiene o no el foco, etc. (es decir, no querría simplemente decir 'Enfoque en otro lado y luego vuelva aquí, si' aquí 'no tuviera el foco ya que lo robaría) desde otro lugar.) Además, no puedes manejar esto simplemente a través de enlaces declarativos. No hace falta decir que esto es feo.

Por otra parte, naves 'feos', entonces eso es todo.

Answer 1

Son un par de líneas de código. Si no lo quería en código subyacente, estoy seguro de que podría estar empaquetado en un comportamiento adjunto.

private void Button_Click(object sender, RoutedEventArgs e) 
{ 
    MainListBox.SelectedItem = MainListBox.Items[3]; 
    MainListBox.UpdateLayout(); // Pre-generates item containers 

    var listBoxItem = (ListBoxItem) MainListBox 
     .ItemContainerGenerator 
     .ContainerFromItem(MainListBox.SelectedItem); 

    listBoxItem.Focus(); 
} 

Answer 2

¿Tal vez con un comportamiento adjunto?Algo así como

public static DependencyProperty FocusWhenSelectedProperty = DependencyProperty.RegisterAttached(
      "FocusWhenSelected", 
      typeof(bool), 
      typeof(FocusWhenSelectedBehavior), 
      new PropertyMetadata(false, new PropertyChangedCallback(OnFocusWhenSelectedChanged))); 

private static void OnFocusWhenSelectedChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args) 
    { 
     var i = (ListBoxItem)obj; 
     if ((bool)args.NewValue) 
      i.Selected += i_Selected; 
     else 
      i.Selected -= i_Selected; 
    } 

static void i_Selected(object sender, RoutedEventArgs e) 
{ 
    ((ListBoxItem)sender).Focus(); 
} 

y en XAML

 <Style TargetType="ListBoxItem"> 
      <Setter Property="local:FocusWhenSelectedBehavior.FocusWhenSelected" Value="True"/> 
     </Style> 

Answer 3

En el XAML que intentó esto y no funcionó?

<ListBox IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Path=YourCollectionView}" SelectedItem="{Binding SelectedItem}"></ListBox> 

Y el SelectedItem propiedad:

private YourObject _SelectedItem; 
    public YourObject SelectedItem 
    { 
     get 
     { 
      return _SelectedItem; 
     } 
     set 
     { 
      if (_SelectedItem == value) 
       return; 

      _SelectedItem = value; 

      OnPropertyChanged("SelectedItem"); 
     } 
    } 

Ahora en su código que puede hacer:

SelectedItem = theItemYouWant; 

Para mí este enfoque funciona siempre.

Answer 4

primero) Usted debe encontrar los elementos seleccionados en cuadro de lista con ListBox.Items.IndexOf().
Segundo) Ahora agregue elementos con ListBox.SelectedItems.Add().

Este es mi código:

DataRow[] drWidgetItem = dtItemPrice.Select(widgetItemsFilter); 
lbxWidgetItem.SelectedItems.Clear(); foreach(DataRow drvItem in 
drWidgetItem) 
lbxWidgetItem.SelectedItems.Add(lbxWidgetItem.Items[dtItemPrice.Rows.IndexOf(drvItem)]); 

Si desea seleccionar un elemento de cuadro de lista se puede utilizar de esta manera:
ListBox.SelectedItem = (Tu ListBoxItem);

Si desea seleccionar algunos elementos en el cuadro de lista debe utilizar de esta manera:
ListBox.SelectedItems.Add (Su ListBoxItem);

Answer 5

Sólo necesita usar ListBox.SelectedItem y luego usar ListBox.ScrollIntoView (listBox.SelectedItem)

código Ejemplo:

 private void textBox2_TextChanged(object sender, TextChangedEventArgs e) 
    { 

     var comparision = StringComparison.InvariantCultureIgnoreCase; 
     string myString = textBox2.Text; 
     List<dynamic> index = listBox.Items.SourceCollection.OfType<dynamic>().Where(x=>x.Nombre.StartsWith(myString,comparision)).ToList(); 
     if (index.Count > 0) { 
     listBox.SelectedItem= index.First(); 


      listBox.ScrollIntoView(listBox.SelectedItem); 


     } 

    }