Command binding inside a DataGridTemplateColumn

Question

I am working on a Silverlight application which makes an extensive use of Prism, the MVVM pattern and MEF. For several reasons, I have chosen to follow a View-first approach.

In one of the Views there is a DataGrid, and one of the columns of this grid is a DataGridTemplateColumn, which has just a Button.

I'd like to define both a Command and a CommandParameter on the Button. The Command should be a DelegateCommand of the ViewModel. CommandParameter should be the SelectedItems list coming straight out of the dataGrid.

I've tried several approaches to do this, but either Command or CommandParameter are null.

It follows the code that I originally wrote:

<sdk:DataGridTemplateColumn>
    <sdk:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Button Width="15" Height="15" Content=">" 
                    Command="{Binding UpdateSearchParametersCommand}" 
                    CommandParameter="{Binding SelectedItems, ElementName=dataGrid}">
        </DataTemplate>
    </sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>

Could someone advice me on what the best way to go about it is?

Thanks in advance, Gianluca.

Rachel · Answer 1 · 2012-11-27T15:00:53.057

Your current binding is pointing to DataGridRowItem.UpdateSearchParametersCommand. You need to change it to point to DataGrid.DataContext.UpdateSearchParametersCommand

<sdk:DataGrid x:Name=dataGrid>
    <sdk:DataGridTemplateColumn>
        <sdk:DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <Button Width="15" Height="15" Content=">" 
                        Command="{Binding DataContext.UpdateSearchParametersCommand, ElementName=dataGrid}" 
                        CommandParameter="{Binding SelectedItems, ElementName=dataGrid}">
            </DataTemplate>
        </sdk:DataGridTemplateColumn.CellTemplate>
    </sdk:DataGridTemplateColumn>
</sdk:DataGrid>

26071986 · Answer 2 · 2011-07-05T13:44:56.400

2

If you bind your DataGrid using ItemsSource, then Command and CommandParameter binding is associated to the current item - the way you've written.

You should use alternative source in this case. Command should be binded to the DataContext.UpdateSearchParametersCommand and CommandParameter - to DataContext.SelectedItems.

In your case neither UpdateSearchParametersCommand, nor SelectedItems cannot be found in the binded item.

UPDATED

Be sure to set the right type for ancestor. I've set it to window, but maybe you are using UserControl.

<sdk:DataGridTemplateColumn>
<sdk:DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
        <Button Width="15" Height="15" Content=">" 
                Command="{Binding Path=DataContext.UpdateSearchParametersCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" 
                CommandParameter="{Binding Path=DataContext.SelectedItems, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}">
    </DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>

edited Jul 05 '11 at 13:44

answered Jul 05 '11 at 13:34

26071986

2,320
3
23
34

Improve this answer by including the xaml that the button ought to have. – AnthonyWJones Jul 05 '11 at 13:35
@AnthonyWJones Right you are. – 26071986 Jul 05 '11 at 13:45
@26071986: Thank you for your reply. However I've noticed that in your solution, you look for an Ancestor of type Window. I might be completely wrong, but as far as I know that's not supported in Silverlight. Is it correct? – Anthares Jul 05 '11 at 14:05
@Gianluca Colucci Very probably. As an AncestorType you should put the type of your View, to which ViewModel binding is done. Then everything should be fine. – 26071986 Jul 05 '11 at 14:08
1

@26071986 `RelativeSource` only works with `Self` and `TemplatedParent` in Silverlight 4. You'll need to use `ElementName` instead – Rachel Jul 05 '11 at 14:10
@26071986: I am afraid but I have to confirm what Rachel has already stated: in Silverlight there is no full support for RelativeSource and only Self and TemplatedParent can be used. – Anthares Jul 05 '11 at 17:58
@Rachel: Unfortunately there are several well-documented problems in using ElementName and DataTemplates. Primarily they are related to the scope. – Anthares Jul 05 '11 at 18:05
@26071986: Yes :) I've realized that. I am going to post my solution to the problem. – Anthares Jul 21 '11 at 15:36

score 1 · Answer 3 · answered Oct 09 '12 at 20:13

In silverlight 5 you can do this

<Button Command="{Binding Path=DataContext.PreviewPublishCommand, RelativeSource={RelativeSource AncestorType=controls:ChildWindow}}" Content="Publish" />

Just adjust AncestorType to be whatever your top level element is (UserControl, ChildWindow, etc).

score 0 · Accepted Answer · answered Jul 21 '11 at 15:45

Many of you tried to help me out on this. Thank you for that. Unfortunately the provided answers were mostly relative to WPF.

Here is how I've solved the problem:

<helpers:BindingHelper.Binding>
<helpers:BindingList>
     <helpers:RelativeSourceBinding TargetProperty="Command" Path="DataContext.ToggleDataArchiveInheritanceCommand" RelativeMode="FindAncestor" AncestorType="ChildWindow" />
</helpers:BindingList>
</helpers:BindingHelper.Binding>

Ok, this comes from another point of the same application, but the principle is the same. If a binding is defined inside a , the only way you have in Silverlight to reach out other elements that normally would be out-of-scope (as they are not part of the DataTemplate) is to walk through the xaml object tree. That's what the BindingHelper does.

Posting here as I hope the information will be useful to someone else.

Cheers,

Gianluca

Ciao Gianluca, thx for posting this...I'm trying to do this same thing, but not sure what "BindingHelper" is. Is there more code that goes with this, or is BindingHelper something in Silverlight? — Joe L., Apr 24 '12 at 15:16
Hi Joe. You are right, there is more code, which is quite simple though and which I have described in words earlier, in this same post. I'll need to look for the source code I was working on the 2011 in order to copy&paste the helper class that I had created at the time. cheers for now. g. — Anthares, May 14 '12 at 10:36

Command binding inside a DataGridTemplateColumn

4 Answers4