How to: Display Custom Text within Data Cells and Groups

• Apr 15, 2018
• 2 minutes to read

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-display-custom-text-within-data-cells-and-groups-t327301.

MainWindow.xaml

<Window x:Class="DXSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"  
        xmlns:local="clr-namespace:DXSample"
        mc:Ignorable="d"
        Title="MainWindow" Height="400" Width="600">
    <Grid>
        <dxg:GridControl 
            AutoExpandAllGroups="True"
            ItemsSource="{Binding}" 
            CustomColumnDisplayText="GridControl_CustomColumnDisplayText" 
            CustomGroupDisplayText="GridControl_CustomGroupDisplayText">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="Login"/>
                <dxg:GridColumn FieldName="RegistrationDate" GroupIndex="1"/>
                <dxg:GridColumn FieldName="AccessLevel"/>               
            </dxg:GridControl.Columns>
        </dxg:GridControl>
    </Grid>
</Window>

MainWindow.xaml.vb

Imports System
Imports System.Windows

Namespace DXSample
    Partial Public Class MainWindow
        Inherits Window

        Public Sub New()
            InitializeComponent()
            DataContext = DataHelper.GetData()
        End Sub

        Private Sub GridControl_CustomColumnDisplayText(ByVal sender As Object, ByVal e As DevExpress.Xpf.Grid.CustomColumnDisplayTextEventArgs)
            If e.Column.FieldName = "AccessLevel" Then
                Select Case CInt((e.Value))
                    Case 0
                        e.DisplayText = "User"
                    Case 1
                        e.DisplayText = "Moderator"
                    Case 2
                        e.DisplayText = "Administrator"
                    Case Else
                End Select
            End If
        End Sub

        Private Sub GridControl_CustomGroupDisplayText(ByVal sender As Object, ByVal e As DevExpress.Xpf.Grid.CustomGroupDisplayTextEventArgs)
            If e.Column.FieldName = "RegistrationDate" Then
                Dim val As Date = CDate(e.Value)
                e.DisplayText = val.ToString("dd-MMM-yyyy")
            End If
        End Sub
    End Class
End Namespace

MainWindow.xaml.cs

using System;
using System.Windows;

namespace DXSample {
    public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();
            DataContext = DataHelper.GetData();
        }

        private void GridControl_CustomColumnDisplayText(object sender, DevExpress.Xpf.Grid.CustomColumnDisplayTextEventArgs e) {
            if (e.Column.FieldName == "AccessLevel") {
                switch ((int)e.Value) {
                    case 0:
                        e.DisplayText = "User";
                        break;
                    case 1:
                        e.DisplayText = "Moderator";
                        break;
                    case 2:
                        e.DisplayText = "Administrator";
                        break;
                    default:
                        break;
                }
            }
        }

        private void GridControl_CustomGroupDisplayText(object sender, DevExpress.Xpf.Grid.CustomGroupDisplayTextEventArgs e) {
            if (e.Column.FieldName == "RegistrationDate") {
                DateTime val = (DateTime)e.Value;
                e.DisplayText = val.ToString("dd-MMM-yyyy");
            }
        }
    }  
}