Question

I have a Data Grid in Silverlight 4 with 3 columns along with a column which contains “Edit/Apply” button.

The row cells are initially rendered as plain text and I need them to be changed to Comboboxes in the edit mode.

Once the Edit button in any of the row is clicked. I need to change the textblock( This is my Cell Template) in one of the row to the ComboBox(This is my Cell Editing template)

The question is how do i facilitate this on clicking the Edit button of each row and not by double clicking on the row.

Thanks,
Vijay

Answer 1

---

After a bit of searching / trying i was able to toggle between display and edit mode by a button click (button placed in each row).

Below posted is the sample code , which facilitates this toggle for one of the Cells in the Grid, Which makes use of Two Boolean Properties ShowDefaultTemplate and ShowEditableTemplate , The VisibilityConverter converts the boolean values to corresponding Visibility Options (Visible or Collapsed).

<DataTemplate>
           <StackPanel Orientation="Horizontal">
                     <TextBlock Text="{Binding XXX}" HorizontalAlignment="Center" VerticalAlignment="Center"
                                               Visibility="{Binding ShowDefaultTemplate, Converter={StaticResource visibilityConverter}}" />
                     <ComboBox HorizontalAlignment="Left"  MinHeight="24" Width="100" 


                                              ItemsSource="{Binding Source, Source={StaticResource Provider}}" 
                                              Visibility="{Binding ShowEditableTemplate , Converter={StaticResource visibilityConverter}}" 
                                              SelectedItem = "{Binding SelctedItem,Mode=TwoWay}" />

            </StackPanel>
 </DataTemplate>

Thanks,
Vijay