CODEWITHSUNDEEP
wpfprismcommandtabcontrolbinding
KaJo
KaJo

Reputation: 199

Problem with Binding Close Command to Button in a Tabcontrol datatemplate

I'm Using Composite Application Guidance Pattern for building my WPF application. In my Shell I have a tabcontrol which contains a region for dynamically load Views into the region. The views is loaded into new tabs in the TabControl.

  <TabControl     
      AutomationProperties.AutomationId="MainTabControl" 
      cal:RegionManager.RegionName="{x:Static inf:RegionNames.MainRegion}" 
      Width="Auto" Height="Auto" Margin="10,10,0,0" 
      HorizontalAlignment="Stretch"                            
      IsSynchronizedWithCurrentItem="True"
      ItemTemplate="{StaticResource TabItemTemplate}"
SelectionChanged="TabControl_SelectionChanged">

I have a DataTemplate "TabItemTemplate" for implementing a CloseButton. I can't figure out how to bind the button´s command in the DataTemplate to the Close Command in the presentationModel. If I bind the command to a CompositCommand, the command is executed. But then I must figure out which tab that close button was pressed and only execute closeCommand in that PresentationModel. Below is the dataTemplate.

<DataTemplate x:Key="ClosableTabItemTemplate">
            <DockPanel Width="120">
                <Button 
                    Command="inf:CloseCommands.CloseCommand"
                    Content="X"
                    Cursor="Hand"
                    DockPanel.Dock="Right"
                    Focusable="False"
                    FontFamily="Courier" 
                    FontSize="9"
                    FontWeight="Bold"  
                    Margin="0,1,0,0"
                    Padding="0"
                    VerticalContentAlignment="Bottom"
                    Width="16" Height="16" 
                    />
                <ContentPresenter 
        Content="{Binding}" 
        VerticalAlignment="Center" 
        />
            </DockPanel>
        </DataTemplate>

Does anyone know how to solve this binding problem?

Upvotes: 1

Views: 2289

Answers (3)

user3235445
user3235445

Reputation: 155

I had the same issue whilst learning Prism and got around it by using element binding.

<Button Content="x" Command="{Binding ElementName=Scooby, Path=Content.DataContext.CloseCommand}" />

Where Scooby is the name of my shell window and CloseCommand is a Prism DelegateCommand in the ViewModel of the Shell.

I thought I should add this here as it would demonstrate an alternate way to your solution.

Upvotes: 1

KaJo
KaJo

Reputation: 199

I´ve found a solution to this problem. The problem was when i bind a UserControl to a TabControl, it´s only the contentpane´s datacontext that is set to the usercontrol and the datacontext for the headerpane is still null. But if I define two datatemplates, one for the item and one for the content, and then add the presentationModel to the region, then dataContext for both item and content is populated. I can then in itemTemplate bind to a delegateCommand Property in the presentationModel.

Upvotes: 0

Denis Troller
Denis Troller

Reputation: 7501

You should either bind to a command instance on your viewmodel, such as a DelegateCommand exposed by a property, or bind the CommandParameter to the DataContext of the TabItem so that a shared command can be passed the item.

Upvotes: 0

Related Questions