How to: Assign a ComboBox Editor to a Column

• Jun 07, 2019
• 2 minutes to read

This example shows how to assign the combo box and spin editors to grid columns.

View Example

XAML

<Window x:Class="DXGrid_AssignComboBoxToColumn.Window1" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" 
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" 
        xmlns:local="clr-namespace:DXGrid_AssignComboBoxToColumn" 
        Title="Window1" Height="300" Width="499">
    <Grid>
        <dxg:GridControl x:Name="grid" ItemsSource="{Binding PersonList}">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ProductName" />
                <dxg:GridColumn FieldName="UnitPrice">
                    <dxg:GridColumn.EditSettings>
                        <dxe:SpinEditSettings MaxValue="999" MinValue="1" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="Type" >
                    <dxg:GridColumn.EditSettings>
                        <dxe:ComboBoxEditSettings ItemsSource="{Binding TypeList}" 
                                                  DisplayMember="TypeName" ValueMember="Id"/>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView AutoWidth="True" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </Grid>
</Window>

C#

using System.Collections.ObjectModel;
using System.Windows;

namespace DXGrid_AssignComboBoxToColumn {
    public partial class Window1 : Window {
        public Window1() {
            InitializeComponent();
            this.DataContext = new MyViewModel();
        }
    }
    public class MyViewModel {
        public MyViewModel() {
            CreateList();
        }

        public ObservableCollection<Person> PersonList { get; set; }
        public ObservableCollection<ProductType> TypeList { get; set; }
        void CreateList() {
            PersonList = new ObservableCollection<Person>();
            for (int i = 0; i < 20; i++) {
                Person p = new Person(i);
                PersonList.Add(p);
            }
            TypeList = new ObservableCollection<ProductType>();
            for (int i = 0; i < 3; i++) {
                TypeList.Add(new ProductType(i));
            }
        }
    }
    public class Person {
        public Person(int i) {
            ProductName = "FirstName" + i;

            UnitPrice = i;
            Type = 0;
        }

        public string ProductName { get; set; }

        public int Type { get; set; }

        public int UnitPrice { get; set; }
    }

    public class ProductType {
        public ProductType(int i) {
            Id = i;
            TypeName = "Type" + i;
        }
        public int Id { get; set; }
        public string TypeName { get; set; }
    }
}

VB.NET

Imports System.Collections.ObjectModel
Imports System.Windows

Namespace DXGrid_AssignComboBoxToColumn
    Partial Public Class Window1
        Inherits Window

        Public Sub New()
            InitializeComponent()
            Me.DataContext = New MyViewModel()
        End Sub
    End Class
    Public Class MyViewModel
        Public Sub New()
            CreateList()
        End Sub

        Public Property PersonList() As ObservableCollection(Of Person)
        Public Property TypeList() As ObservableCollection(Of ProductType)
        Private Sub CreateList()
            PersonList = New ObservableCollection(Of Person)()
            For i As Integer = 0 To 19
                Dim p As New Person(i)
                PersonList.Add(p)
            Next i
            TypeList = New ObservableCollection(Of ProductType)()
            For i As Integer = 0 To 2
                TypeList.Add(New ProductType(i))
            Next i
        End Sub
    End Class
    Public Class Person
        Public Sub New(ByVal i As Integer)
            ProductName = "FirstName" & i

            UnitPrice = i
            Type = 0
        End Sub

        Public Property ProductName() As String

        Public Property Type() As Integer

        Public Property UnitPrice() As Integer
    End Class

    Public Class ProductType
        Public Sub New(ByVal i As Integer)
            Id = i
            TypeName = "Type" & i
        End Sub
        Public Property Id() As Integer
        Public Property TypeName() As String
    End Class
End Namespace