DxDataGridDateEditColumn Class
A data column with a date edit editor.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v21.2.dll
Declaration
public class DxDataGridDateEditColumn :
DxDataGridColumnRemarks
Important
The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.
The DxDataGridDateEditColumn column displays values that can be modified in a date edit editor. The following image shows the Date date edit column:
Bind a Column to Data
- Add the
<DxDataGridDateEditColumn/>tag to a Data Grid component’s markup. - Use the Field property to assign a data source field to the column.
<DxDataGrid Data="@forecasts" ...>
<DxDataGridDateEditColumn Field="@nameof(WeatherForecast.Date)"></DxDataGridDateEditColumn>
...
</DxDataGrid>
Column Appearance and Visibility
Use the following properties to customize column appearance and visibility:
| Property | Description |
|---|---|
| Caption | Specifies the column’s caption. |
| DisplayFormat | Specifies the pattern used to format the column’s display values. |
| DisplayTemplate | Specifies a template for column cells. |
| ShowInColumnChooser | Specifies if the column is displayed in the Column Chooser. |
| TextAlignment | Specifies the text alignment in the column. |
| Visible | Specifies if the column is visible in the grid. |
| VisibleIndex | Specifies the column’s visible index. |
| Width | Specifies the column’s width. |
Settings For Edit Mode
When users click the New or Edit button in a command column, the grid displays the Edit Form. The form contains a date edit editor that allows users to modify the date edit column’s value. To customize this editor, use the following properties:
| Property | Description |
|---|---|
| ClearButtonDisplayMode | Specifies if the Clear button is displayed in the non-empty editor. |
| EditFormVisibleIndex | Specifies the editor’s visible index. |
| EditorDisplayFormat | Specifies the pattern used to format the display value of the editor when it is not focused. |
| EditorFormat | Specifies the pattern used to format the edit value of the column’s editor when it is focused. |
| EditorVisible | Specifies if the editor is visible. |
| EditTemplate | Specifies a template used to display the editor. |
Group and Sort Data
Use the following properties to specify group and sort settings for an individual column:
| Property | Description |
|---|---|
| AllowGroup | Specifies if users can group grid data by this column. |
| AllowSort | Specifies if users can sort data by the column’s values. |
| GroupIndex | Specifies the column’s index among group columns. If the property is set to -1, the grid data is not grouped by this column. |
| SortIndex | Specifies the column’s index among sorted columns. If the property is set to -1, the grid data is not sorted by this column. |
| SortOrder | Specifies the column’s sort order. |