CODEWITHSUNDEEP
silverlightdatagridmvvmdatatemplate
miketrash
miketrash

Reputation: 160

How can I change the visibility of elements inside a DataTemplate when a row is selected in a Silverlight datagrid?

I'm using the MVVM pattern. I've bound my items and I want to only show the edit button when a row is selected in the datagrid. It appears to be possible with triggers in WPF but we don't have triggers in Silverlight. I tried a TemplatedParent binding but I'm not sure what the TemplatedParent is in this case. We don't have RelativeSource ancestor in Silverlight either. At this point I'm going to look at a solution using the code behind...

<data:DataGrid.Columns>
   <data:DataGridTemplateColumn IsReadOnly="True" Header="Name" Width="300">
      <data:DataGridTemplateColumn.CellTemplate>
         <DataTemplate>
            <Grid>
               <TextBlock x:Name="textBlock" Text="{Binding Name, Mode=OneWay}" VerticalAlignment="Center" Margin="4,4,0,4"/>
               <Button  Margin="1,1,4,1" HorizontalAlignment="Right" VerticalAlignment="Center" Padding="7,4" Content="Edit" />
            </Grid>
         </DataTemplate>
       </data:DataGridTemplateColumn.CellTemplate>
   </data:DataGridTemplateColumn>
</data:DataGrid.Columns>

Upvotes: 0

Views: 1076

Answers (2)

JerKimball
JerKimball

Reputation: 16894

If only Silverlight had a RelativeSource FindAncestor binding...

One kind-of hacky idea I could suggest would be to put your editing controls into a RowDetailsTemplate on the DataGrid itself, then set the RowDetailsVisibilityMode to VisibleWhenSelected.

It might not be what you're after look-wise, but it probably "solves" your particular use-case.

If it doesn't, then I'd probably violate MVVM here (very carefully). Usually DataGrids are the bastard child edge case; they almost all need some variety of code-behind.

Upvotes: 0

Jacob Adams
Jacob Adams

Reputation: 3994

There are a couple ways you could do this in silverlight, although I don't think any of them can be pure XAML solutions. With MVVM, you then create property in your view model that you bind to the SelectedItem property of the DataGrid. From there, there are two differnt options:

  1. If the individual items in the DataGird are themselves other view models, then you can give them a property like "IsEditable" and bind it to the visibility of the button. When the SelectedItem fo the parent ViewModel changes, go and update the IsEditable property of all the child viewmodels
  2. If you dont have child view models, you can handle the loaded event of the Edit button. In the code behind, bind the visibility of the button to the selecteditem property in your view model, but also set up a binding converter that takes in the original bound item as a converter parameter. In the converter, you can check if the selected item is equal to the originally bound item

Upvotes: 1

Related Questions