[DEVEXPRESS/WPF] GridControl 클래스 : 내장형 에디터 모양 변경하기

TestProject.zip

다운로드

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 내장형 에디터 모양 변경하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl Name="gridControl"
            Loaded="gridControl_Loaded">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="Name" />
                <dxg:GridColumn FieldName="CardColor"
                    Header="Access Card Color">
                    <dxg:GridColumn.EditTemplate>
                        <ControlTemplate>
                            <dxe:ComboBoxEdit
                                ApplyItemTemplateToSelectedItem="True" 
                                IsTextEditable="False"
                                EditValue="{Binding Path=EditValue, RelativeSource={RelativeSource TemplatedParent}}" 
                                SelectedItem="{Binding Path=EditValue, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
                                <dxe:ComboBoxEdit.ItemTemplate>
                                    <DataTemplate>
                                        <Border Background="Transparent">
                                            <StackPanel Orientation="Horizontal">
                                                <Rectangle
                                                    Margin="6 0 6 0" 
                                                    Width="10"
                                                    Height="10"
                                                    RadiusX="2"
                                                    RadiusY="2" 
                                                    Fill="{Binding}" />
                                                <TextBlock Text="{Binding}" />
                                            </StackPanel>
                                        </Border>
                                    </DataTemplate>
                                </dxe:ComboBoxEdit.ItemTemplate>
                                <dxe:ComboBoxEdit.EditNonEditableTemplate>
                                    <ControlTemplate>
                                        <Rectangle
                                            Margin="3"
                                            Fill="{Binding Path=SelectedItem}" />
                                    </ControlTemplate>
                                </dxe:ComboBoxEdit.EditNonEditableTemplate>
                                <dxe:ComboBoxEdit.Items>
                                    <sys:String>Red</sys:String>
                                    <sys:String>Green</sys:String>
                                    <sys:String>Blue</sys:String>
                                </dxe:ComboBoxEdit.Items>
                            </dxe:ComboBoxEdit>
                        </ControlTemplate>
                    </dxg:GridColumn.EditTemplate>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </Grid>
</Window>

 

728x90

 

▶ MainWindow.xaml.cs

using System.Collections.Generic;
using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 그리드 컨트롤 로드시 처리하기 - gridControl_Loaded(sender, e)

        /// <summary>
        /// 그리드 컨트롤 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_Loaded(object sender, RoutedEventArgs e)
        {
            List<Employee> list = new List<Employee>();

            list.Add(new Employee { Name = "Steven" , CardColor = "Red"   });
            list.Add(new Employee { Name = "Mary"   , CardColor = "Green" });
            list.Add(new Employee { Name = "John"   , CardColor = "Blue"  });
            list.Add(new Employee { Name = "Claudia", CardColor = "Red"   });

            this.gridControl.ItemsSource = list;
         }

         #endregion
    }
}