Я бы на вашем месте сделал что то вроде этого:
XAML
В Xaml мы создадим динамически заполняемый TabControl, который будет привязан к коллекции. И его текущей выбранный индекс будет тоже привязан к переменной. Получится что то вроде этого:
<TabControl ItemsSource="{Binding Tabs}" SelectedIndex="{Binding Selected}">
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Header}" />
</DataTemplate>
</TabControl.ItemTemplate>
<TabControl.ContentTemplate>
<DataTemplate>
<ListBox ItemsSource="{Binding Content}"/>
</DataTemplate>
</TabControl.ContentTemplate>
</TabControl>
ViewModel
Для начала нам нужна базовая VM, которая реализует INPC:
public class VM : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
Далее нам нужна некая VM для элементов TabControl, в ней нам надо задать такие свойства, как Header, ну и сам Content. Я лично буду привязывать ListBox, по этому мой Content будет для теста ObservableCollection<string>
. Хочу отметить, что для измененяемых значений нужно будет реализовывать INPC. В моем случае здесь все будет статично и самой ObservableCollection будет достаточно. Сам код будет примерно такой:
public class TabViewModel
{
public string Header { get; set; }
public ObservableCollection<string> Content { get; set; }
}
Теперь нам понадобиться основная VM, которая будет привязана уже к форме. Ее мы наследуем от ранее созданного класса с INPC. Внутренности будут содержать коллекцию, ее тестовое заполнение, свойство для выбранного индекса и изменение контента при изменение индекса. Код следующий:
public sealed class ViewModel : VM
{
public ViewModel()
{
var testContent = new ObservableCollection<string>{"Value 1", "Value 2", "Value 3"};
Tabs.Add(new TabViewModel{Header = "Первая вкладка", Content = testContent});
Tabs.Add(new TabViewModel{Header = "Вторая вкладка", Content = testContent});
}
private int selected;
public int Selected
{
get => selected;
set
{
selected = value;
UpdateContent(value);
OnPropertyChanged();
}
}
public ObservableCollection<TabViewModel> Tabs { get; set; } = new ObservableCollection<TabViewModel>();
private void UpdateContent(int tabId)
{
//TODO
}
}
Остается только в UpdateContent()
реализовать некую логику для изменения значений. Я к примеру сделаю что то вроде этого:
private void UpdateContent(int tabId)
{
var item = Tabs[tabId];
if (tabId == 1)
item.Content = new ObservableCollection<string> { "Яблоко", "Груша", "Арбуз" };
}
Но, здесь стоит сделать какую нибудь проверку на обновленный контент, чтобы не лезть в базу лишний раз. А то по переключается пользователь по вкладкам и база лежит...
Вот собственно и все, задаем нашу основную ViewModel как DataContext и смотрим результат: