[C#/WPF/DEVEXPRESS] BaseColumn 클래스 : HeaderTemplate 속성을 컬럼 헤더를 정의하는 DataTemplate 설정하기

■ BaseColumn 클래스의 HeaderTemplate 속성을 컬럼 헤더를 정의하는 DataTemplate를 설정하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <Grid.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>
    </Grid.Resources>
    <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>
            <dxg:GridColumn FieldName="OrderUnit">
                Order Unit
            </dxg:GridColumn>
        </dxg:GridControl.Columns>
        <dxg:GridControl.View>
            <dxg:TableView AutoWidth="True" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<Grid.Resources>

<Image

Stretch="None"

Source="Product.png" />

<TextBlock

Margin="5 0 0 0"

Foreground="WhiteSmoke"

FontWeight="Bold"

Text="{Binding}" />

</StackPanel>

</DataTemplate>

</Grid.Resources>

<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>

<dxg:GridColumn FieldName="OrderUnit">

Order Unit

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView AutoWidth="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>