WPF MVVM - Binding Command not found because of ItemsSource

Question

I have a custom TabControl with an ItemsSource binded to it. Inside the ItemTemplate is a Button which Command I want to bind to a RelayCommand from my DataContext (ViewModel).

The Problem is, that the application is looking for the Command inside my ItemsSource Item.

<TabControl ItemsSource="{Binding ViewModel.TabItems,UpdateSourceTrigger=PropertyChanged}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <DockPanel>
                <!-- The "Header" is from the "TabItems" Model -->
                <TextBlock Text="{Binding Header}" />
                <!-- I want to bind this Command outside the "TabItems" Model -->
                <Button Command="{Binding ViewModel.CounterIncrementCommand, Mode=OneWay}"/>
            </DockPanel>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <TextBox>Test</TextBox>
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

I get the Binding Failures:

DataContext: TabControllitemModel
Binding Path: ViewModel
Target: Button.Command
Target Type: ICommand
Description: ViewModel property not found on object of type TabControlItemModel

SideSky · Accepted Answer · 2023-02-27 08:59:37Z

0

Okay, I found it out. With this I can set the DataContext of the Button to the same one of the Window/Page:

<Button DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Page}}}" Command="{Binding ViewModel.CounterIncrementCommand}"/>

answered Feb 27, 2023 at 8:59

SideSky

3437 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

WPF MVVM - Binding Command not found because of ItemsSource

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related