Блог

Если вы помещаете элементы управления в свой DataTemplate, почему их отдельные состояния копируются или отражаются на каждой вкладке в TabControl? Вы меняете его на одной вкладке, все остальные вкладки отражают, почему это так ?! Мне кажется, TabControl инициализирует только один шаблонный ContentControl, и каждый щелчок по вкладке копирует все содержимое в нем заново, оставляя старые controlstates нетронутыми. Чтобы понять, что я имею в виду, подумайте о том, чтобы поместить это в свой XAML-Pad:

 <TabControl>
  <TabControl.ContentTemplate>
    <DataTemplate>
      <Border>
        <TextBox Text="test"/>
      </Border>
    </DataTemplate>
  </TabControl.ContentTemplate>
  <TabItem Header="Tab1"/>
  <TabItem Header="Tab2"/>
</TabControl>
  

Он создаст TabControl с двумя шаблонными вкладками. Теперь введите что-то в текстовое поле и переключитесь на другую вкладку, введенный текст будет перенесен. Теперь каждая вкладка будет иметь одинаковое содержимое. Я не наблюдаю такого же поведения в ListBox или любом другом элементе управления, и это очень затрудняет практическую работу, потому что каждый маленький бит должен быть привязан к ViewModel, чтобы его можно было использовать в TabControl. Я заметил это странное поведение, когда расширители, которые я использовал в DataTemplate, открывались на всех моих вкладках, хотя я специально обратился к одной. В качестве обходного пути мне пришлось привязать «IsExpanded» к свойству в ViewModel, но это действительно отстой, когда приходится это делать.

Кто-нибудь знает, что здесь происходит?

РЕШЕНИЕ

 <TabControl x:Name="MainTab" SelectedIndex="0"/>
...
Collection.CollectionChanged  = new System.Collections.Specialized.NotifyCollectionChangedEventHandler(Collection_CollectionChanged);
...
void Collection_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
{
    if (e.Action == NotifyCollectionChangedAction.Add)
    {
        TabItem MyNewItem = new TabItem();
        ContentPresenter MyContentPresenter = new ContentPresenter();
        MyContentPresenter.ContentTemplate = (DataTemplate)this.FindResource("MyTemplate");
        MyContentPresenter.Content = e.NewItems[0];
        MyNewItem.Content = MyContentPresenter;                
        MainTab.Items.Add(MyNewItem );
    }
}
  

Поведение идеально, и есть способ решить эту проблему. DataTemplate должен использоваться только в случае привязки. Когда вы назначаете источник перечислимых элементов элементу управления вкладками, ваш шаблон данных должен и будет состоять из одно- или двухсторонних привязок. В случае текстового поля это должна быть двусторонняя привязка.

TabControl делает это для экономии памяти, в случае шаблона данных управление остается неизменным при переключении вкладки, но изменяется лежащий в основе связанный datacontext, а привязка отражает правильные данные. Таким образом, визуально вы чувствуете, что вкладка изменилась, но на самом деле меняются только данные, однако управление остается прежним. Это называется виртуализацией пользовательского интерфейса.

В вашем случае вам не следует использовать шаблон данных, если вы не привязываете что-либо к источнику элементов. В противном случае вы должны использовать стиль контейнера элемента.

TabControls в WPF немного неприятны в работе. Во-первых, при переключении вкладок он уничтожает все на первой вкладке и загружает элементы управления для 2-й вкладки. Единственное, что не удаляется / не воссоздается, — это элементы управления, которые существуют на всех вкладках, такие как текстовое поле, созданное в шаблоне TabItem.

Таким образом, ваше текстовое поле повторно используется на других вкладках и с текстового поля.Текст ни к чему не привязан, он остается неизменным при переключении вкладок.

Чтобы изменить это поведение, либо привяжите текстовое поле.Текстовое значение для чего-либо или создайте каждый элемент TabItem с его собственной версией текстового поля.

 <TabControl>
    <TabItem Header="Tab1">
        <local:TabControlContent />
    </TabItem>
    <TabItem Header="Tab2">
        <local:TabControlContent />
    </TabItem>
</TabControl>