How to handle TabControl Tab closed in MVVM design patterns for WPF

Question

I have a TabControl

        <TabControl ItemsSource="{Binding TabItemsViewModelCollection}" 
        ContentTemplateSelector="{StaticResource TabControlTemplateSelector}"
                    SelectedItem="{Binding OpenedTab, Mode=TwoWay}" >
            <TabControl.ItemTemplate>
                <!-- this is the header template-->
                <DataTemplate>
                    <TextBlock
                Text="{Binding Header}" />
                </DataTemplate>
            </TabControl.ItemTemplate>
        </TabControl>

Each tab are rendered with the Header Text and then a close button. (not sure why there are a close button when i only have specified a textblock in the template).

But when i click the close button debugger breaks. How will i handle the clossing of a tab correctly. I have a ObservableCollection with TabViewModels.

You can try to use mvvm light library with event to command trigger, check for this question: http://stackoverflow.com/questions/5868589/mvvm-light-adding-eventtocommand-in-xaml-without-blend-easiery-way-or-snippet — acrilige, Mar 31 '13 at 10:42
What do you mean by `debugger break`? Did it throw some error? — Rohit Vats, Mar 31 '13 at 10:42
Ye it throw some error. Operation is not valid while ItemsSource is in use. Access and modify elements with ItemsControl.ItemsSource instead — Poul K. Sørensen, Mar 31 '13 at 11:10
Are you removing the `Tabs` from the `TabControl.Items` or the `ObservableCollection`? — sa_ddam213, Mar 31 '13 at 11:49

score 0 · Answer 1 · answered Mar 31 '13 at 12:51

0

I was using https://github.com/MahApps and it had some modified styles for TabControl that i have overlooked, meaning there was added a click action.

Overwriting the style solved the problem.

answered Mar 31 '13 at 12:51

Poul K. Sørensen

16,950
21
126
283

How to handle TabControl Tab closed in MVVM design patterns for WPF

1 Answers1