DataViewBase.CellTemplate Property

Gets or sets the template to use to display the contents of column cells. This is a dependency property.

Namespace: DevExpress.Xpf.Grid

Assembly: DevExpress.Xpf.Grid.v21.2.Core.dll

Declaration

public DataTemplate CellTemplate { get; set; }

Property Value

Type Description
DataTemplate

Defines the presentation of data cells.

Remarks

The binding source for the CellTemplate is EditGridCellData. Refer to the Data Binding section.

To apply different cell templates based on certain conditions, use a custom CellTemplateSelector. If both the CellTemplate and CellTemplateSelector are specified, the template returned by the template selector has a higher priority. If the template selector returns null, the template specified by the CellTemplate property is used.

Custom In-Place Cell Editors

We recommend that you set a custom editor in the cell template as follows:

  • The editor is a BaseEdit descendant.
  • The editor’s Name property is set to PART_Editor.

This technique has the following advantages:

  • Binds the editor’s value to the source field specified by the ColumnBase.FieldName or ColumnBase.Binding properties.
  • Full keyboard navigation.
  • Input validation support. For more information, refer to the Input Validation topic.
  • Removes the editor’s border to adjust the appearance of in-place use.

The code snippet below shows a basic CellTemplate with TextEdit:

<dxg:TableView.CellTemplate>
    <DataTemplate> 
        <!--DataContext is EditGridCellData-->
        <!--RowData.Row is a path to an underlying row object-->
        <dxe:TextEdit Name="PART_Editor"
            IsEnabled="{Binding RowData.Row.Enabled}" />  
        </DataTemplate>
</dxg:TableView.CellTemplate>

To customize how the GridControl binds the cell editor, use the ColumnBase.Binding property:

<dxg:TableView.CellTemplate>
    <DataTemplate>  
        <dxe:TextEdit Name="PART_Editor" IsEnabled="{Binding RowData.Row.Enabled}" />  
    </DataTemplate>
</dxg:TableView.CellTemplate>
<!---->
<dxg:GridColumn Header="Name" 
    Binding="{Binding Name, Mode=TwoWay,
        Converter={StaticResource myConverter}}" />

Non-DevExpress Editors

You can use non-BaseEdit cell editors in the CellTemplate to display and edit data. This method has the following limitations:

  • You cannot use the PART_Editor method and you should bind the editor’s value.
  • Non-DevExpress editors do not use lightweight templates that are designed to improve performance.
  • The GridControl does not remove the editor’s borders to adjust the appearance of in-place use.
  • You need to handle events to process user actions such as focusing and keyboard navigation:
  • Search text highlighting is not supported.
  • Immediate Posting is not supported.
  • Conditional Formatting is not supported.
  • Input Validation is not supported.

Data Binding

Cell elements contain EditGridCellData objects in their DataContext.

Use the following binding paths to access cell values, columns, and ViewModel properties:

  • Value - access the current cell value;
  • Column - access the current column;
  • RowData.Row.[YourPropertyName] - access a property of an object from the ItemsSource collection;
  • Data.[FieldName] - access column values in Server Mode, access unbound column values;
  • View.DataContext.[YourPropertyName] - access a property in a grid’s ViewModel.

Data Processing and EditSettings

When you use the CellTemplate, the editor specified in the EditSettings property is ignored. However, the EditSettings value affects the formatting settings, data processing (sorting, grouping, filtering, summary calculation), and export.

Events in CellTemplate

The GridControl utilizes virtualization to improve its performance. Virtualization reuses row, cell, and column visual elements, and changes their properties and data context.

Do not handle events related to changes in the EditValue, Text, Value, SelectedItem and other value-related properties to avoid issues related to virtualization. Instead, use CellValueChangingEvent and CellValueChangedEvent.

Refer to this KB article for more information: How to avoid problems with the DXGrid virtualization mechanism.

See Also