¿Cómo asegurarme de que mi WPF TabControl siempre tiene una pestaña seleccionada cuando contiene al menos una pestaña?

Question

I tienen una TabControl cuyos elementos están unidos a una ObservableCollection:

<TabControl ItemsSource="{Binding MyObservableCollection}" /> 

se añaden y se retiran Las pestañas como se esperaba medida que se añaden elementos y se eliminan de la colección. Sin embargo, el SelectedItem revierte a -1 (lo que significa que no hay una pestaña seleccionada) cuando la colección está vacía. Luego, cuando se agrega un artículo, el SelectedItem permanece en -1 y la nueva pestaña no está seleccionada.

¿Cómo hago para que TabControl seleccione la nueva pestaña cada vez que se agrega un artículo a la colección vacía?

Answer 1

Puede haber una manera más fácil, pero podría enganchar el evento de colección cambiada en el ObservableCollection en su máquina virtual y establecer la propiedad SelectedItem en el nuevo elemento (suponiendo que tiene el elemento seleccionado vinculado a una propiedad en la máquina virtual).

Answer 2

es mejor que sobrescriba la funcionalidad "OnTabAdded" para comprobar si se agrega una nueva (primera) y luego establecer SelectedItemIndex en 0;

Dado que está utilizando ObservableCollection, usted sabe cuándo cambia su colección, así que me suscribiría al evento modificado de la colección y verificaría el número de elementos en él.

Answer 3

Si está buscando una implementación pura de MVVM, agregue una propiedad Index al ViewModel y en CollectionChanged puede establecer Index = 0 si no hay elementos dentro. Y en el XAML que se puede enlazar Índice de la siguiente manera

<TabControl ItemsSource="{Binding MyObservableCollection}" SelectedIndex="{Binding Index}" /> 

Answer 4

Lo que puede hacer es suscribirse para el evento TabControl.ItemContainerGenerator.StatusChanged y si el estado es ContainersGenerated y la SelectedIndex TabControl es -1, a continuación, hacer el SelectedIndex de TabControl 0;

// peopleCollection is an ObservableCollection<Person> 
People peopleCollection = new People(); 
public Window1() 
{ 
    InitializeComponent(); 
    // MyTabControl is an instance of TabControl 
    MyTabControl.ItemsSource = peopleCollection; 
    MyTabControl.ItemContainerGenerator.StatusChanged += new EventHandler(ItemContainerGenerator_StatusChanged); 
} 

void ItemContainerGenerator_StatusChanged(object sender, EventArgs e) 
{ 
    if((sender as ItemContainerGenerator).Status == System.Windows.Controls.Primitives.GeneratorStatus.ContainersGenerated && MyTabControl.SelectedIndex == -1) 
    { 
     MyTabControl.SelectedIndex = 0; 
    } 
} 

Hay soluciones de terceros que tienen esta funcionalidad lista para usar. RadTabControl de Telerik selecciona el primer elemento cada vez que la colección cambia su estado de vacío a "que contiene un solo elemento".

probar la demo aquí: http://demos.telerik.com/silverlight/#TabControl/AddingAndRemovingTabs

Nota: Es una demostración SL, pero funciona de la misma en WPF.

Answer 5

Tuve el mismo problema y logré solucionarlo vinculando el elemento seleccionado al primer elemento de la lista dinámica.

<TabControl ItemsSource="{Binding MyObservableCollection}" SelectedItem="{Binding MyObservableCollection.First}" /> 

a mí me funcionó :)

Answer 6

<TabControl ItemsSource="{Binding MyObservableCollection}" SelectedItem="{Binding MyObservableCollection[0]}" />