[C#/WPF/DEVEXPRESS] GridControl 클래스 : 컬럼 헤더 내에서 이미지 표시하기

■ GridControl 클래스의 컬럼 헤더 내에서 이미지를 표시하는 방법을 보여준다.

▶ 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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="컬럼 헤더 내에서 이미지 표시하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <DataTemplate x:Key="ProductHeaderDataTemplateKey">
            <StackPanel Orientation="Horizontal">
                <Image
                    Stretch="None"
                    Source="Product.png" />
                <TextBlock
                    Margin="5 0 0 0"
                    Foreground="WhiteSmoke"
                    FontWeight="Bold"
                    Text="{Binding}" />
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <dxg:GridControl x:Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn
                    HeaderTemplate="{StaticResource ProductHeaderDataTemplateKey}"
                    FieldName="ProductName">
                    Product
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="UnitPrice">
                    Unit Price
                    <dxg:GridColumn.EditSettings>
                        <dxe:SpinEditSettings
                            DisplayFormat="c2"
                            MinValue="1"
                            MaxValue="999" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="OrderUnit">
                    Order Unit
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView AutoWidth="True" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </Grid>
</Window>

<Window

x:Class="TestProject.MainWindow"

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"

Width="800"

Height="600"

Title="컬럼 헤더 내에서 이미지 표시하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Image

Stretch="None"

Source="Product.png" />

<TextBlock

Margin="5 0 0 0"

Foreground="WhiteSmoke"

FontWeight="Bold"

Text="{Binding}" />

</StackPanel>

</DataTemplate>

</Window.Resources>

<Grid>

<dxg:GridControl x:Name="gridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn

HeaderTemplate="{StaticResource ProductHeaderDataTemplateKey}"

FieldName="ProductName">

Product

</dxg:GridColumn>

<dxg:GridColumn FieldName="UnitPrice">

Unit Price

<dxg:GridColumn.EditSettings>

<dxe:SpinEditSettings

DisplayFormat="c2"

MinValue="1"

MaxValue="999" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

<dxg:GridColumn FieldName="OrderUnit">

Order Unit

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView AutoWidth="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

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

        #region 생성자 - MainWindow()

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

            this.gridControl.ItemsSource = ProductList.GetData();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.ItemsSource = ProductList.GetData();

}

#endregion

}

TestProject.zip