Gets or sets the template used to display the contents of a cell that is not in editing mode.

Namespace:  C1.Silverlight.FlexGrid
Assembly:  C1.Silverlight.FlexGrid.4 (in C1.Silverlight.FlexGrid.4.dll)

Syntax

C#
public DataTemplate CellTemplate { get; set; }
Visual Basic
Public Property CellTemplate As DataTemplate
	Get
	Set

Remarks

The CellTemplate and CellEditingTemplateproperties work like the equivalent ones in the Microsoft DataGrid for Silverlight/WPF.

They can be defined in XAML and are used to create the visual elements that represent the cells in the column.

CellTemplate creates cells in regular mode and CellEditingTemplate creates cells in edit mode.

Note that in most cases you should specify a Binding for the column even if it has custom templates. The templates are used to show and edit the values on the grid, but the column binding is still used when getting data values for other purposes including clipboard and export support.

Examples

The XAML below creates a column with custom templates for cell display and editing (notice that in addition to the templates, the XAML specifies a Binding for the column):
Copy CodeC#
<c1:C1FlexGrid x:Name="_fgTemplated">
  <c1:C1FlexGrid.Columns>

    <!-- add a templated column -->
    <!-- Binding used only for clipboard and export support -->
    <c1:Column Binding="{Binding Name}" Header="Template" Width="200">

      <!-- template for cells in display mode -->
      <c1:Column.CellTemplate>
        <DataTemplate>
          <TextBlock Text="{Binding Name}" Foreground="Green" FontWeight="Bold" />
        </DataTemplate>
      </c1:Column.CellTemplate>

      <!-- template for cells in edit mode -->
      <c1:Column.CellEditingTemplate>
        <DataTemplate>
          <Grid>
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="Auto" />
              <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Image Source="edit_icon.png" Grid.Column="0" />
            <TextBox Text="{Binding Name, Mode=TwoWay}" Grid.Column="1" />
          </Grid>
        </DataTemplate>
      </c1:Column.CellEditingTemplate>
    </c1:Column>
  </c1:C1FlexGrid.Columns>
</c1:C1FlexGrid>

See Also