DEVEXPRESS Archives - 20 중 2 번째 페이지

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

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

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

<Rectangle

Margin="6 0 6 0"

Width="10"

Height="10"

RadiusX="2"

RadiusY="2"

Fill="{Binding}" />

</StackPanel>

</Border>

</DataTemplate>

</dxe:ComboBoxEdit.ItemTemplate>

<dxe:ComboBoxEdit.EditNonEditableTemplate>

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

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

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

}

TestProject.zip

[C#/WPF/DEVEXPRESS] TextEdit 클래스 : 모양 커스터마이징 하기

■ TextEdit 클래스에서 모양을 커스터마이징하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="TextEdit 클래스 : 모양 커스터마이징 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:TextEdit
            Width="150"
            Height="30"
            ShowBorder="False"
            BorderThickness="0"
            EditValue="USA">
            <dxe:TextEdit.EditTemplate>
                <ControlTemplate>
                    <Border
                        CornerRadius="7"
                        BorderThickness="3"
                        BorderBrush="Orange">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*"    />
                            </Grid.ColumnDefinitions>
                            <TextBlock
                                Margin="2"
                                VerticalAlignment="Center"
                                Foreground="Gray"
                                Text="Country :" />
                            <TextBox
                                Grid.Column="1"
                                Margin="2"
                                Text="{Binding EditValue, Mode=TwoWay}" />
                        </Grid>
                    </Border>
                </ControlTemplate>
            </dxe:TextEdit.EditTemplate>
        </dxe:TextEdit>
    </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"

Width="800"

Height="600"

Title="TextEdit 클래스 : 모양 커스터마이징 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:TextEdit

Width="150"

Height="30"

ShowBorder="False"

BorderThickness="0"

EditValue="USA">

<dxe:TextEdit.EditTemplate>

<Border

CornerRadius="7"

BorderThickness="3"

BorderBrush="Orange">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<TextBlock

Margin="2"

VerticalAlignment="Center"

Foreground="Gray"

Text="Country :" />

<TextBox

Grid.Column="1"

Margin="2"

Text="{Binding EditValue, Mode=TwoWay}" />

</Grid>

</Border>

</ControlTemplate>

</dxe:TextEdit.EditTemplate>

</dxe:TextEdit>

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] 에디터 데이터 바인딩 하기

■ 에디터 데이터를 바인딩하는 방법을 보여준다. ▶ 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"
    SizeToContent="WidthAndHeight"
    Title="에디터 데이터 바인딩 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0"
            VerticalAlignment="Center"
            Margin="10"
            Text="Product Name : " />
        <dxe:TextEdit x:Name="textEdit" Grid.Row="0" Grid.Column="1"
            VerticalAlignment="Center"
            Margin="10"
            Width="150"
            Height="25"
            EditValue="{Binding ProductName}" />
        <TextBlock Grid.Row="1" Grid.Column="0"
            VerticalAlignment="Center"
            Margin="10"
            Text="Unit Price : " />
        <dxe:SpinEdit x:Name="spinEdit" Grid.Row="1" Grid.Column="1"
            VerticalAlignment="Center"
            Margin="10"
            Width="150"
            Height="25"
            EditValue="{Binding UnitPrice}" />
        <TextBlock Grid.Row="2" Grid.Column="0"
            VerticalAlignment="Center"
            Margin="10"
            Text="Category : " />
        <dxe:ComboBoxEdit x:Name="comboBoxEdit" Grid.Row="2" Grid.Column="1"
            Margin="10"
            Width="150"
            Height="25"
            ValueMember="CategoryID"
            DisplayMember="CategoryName"
            EditValue="{Binding CategoryID}"
            IsTextEditable="False" />
        <StackPanel Grid.Row="3" Grid.Column="1"
            Margin="10"
            Orientation="Horizontal">
            <Button x:Name="previousButton"
                Width="70"
                Height="25"
                IsEnabled="False"
                Content="Previous"
                Click="previousButton_Click" />
            <Button x:Name="nextButton"
                Margin="5 0 0 0"
                Width="70"
                Height="25"
                Content="Next"
                Click="nextButton_Click" />
        </StackPanel>
    </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"

SizeToContent="WidthAndHeight"

Title="에디터 데이터 바인딩 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0"

VerticalAlignment="Center"

Margin="10"

Text="Product Name : " />

<dxe:TextEdit x:Name="textEdit" Grid.Row="0" Grid.Column="1"

VerticalAlignment="Center"

Margin="10"

Width="150"

Height="25"

EditValue="{Binding ProductName}" />

<TextBlock Grid.Row="1" Grid.Column="0"

VerticalAlignment="Center"

Margin="10"

Text="Unit Price : " />

<dxe:SpinEdit x:Name="spinEdit" Grid.Row="1" Grid.Column="1"

VerticalAlignment="Center"

Margin="10"

Width="150"

Height="25"

EditValue="{Binding UnitPrice}" />

<TextBlock Grid.Row="2" Grid.Column="0"

VerticalAlignment="Center"

Margin="10"

Text="Category : " />

<dxe:ComboBoxEdit x:Name="comboBoxEdit" Grid.Row="2" Grid.Column="1"

Margin="10"

Width="150"

Height="25"

ValueMember="CategoryID"

DisplayMember="CategoryName"

EditValue="{Binding CategoryID}"

IsTextEditable="False" />

<StackPanel Grid.Row="3" Grid.Column="1"

Margin="10"

Orientation="Horizontal">

<Button x:Name="previousButton"

Width="70"

Height="25"

IsEnabled="False"

Content="Previous"

Click="previousButton_Click" />

<Button x:Name="nextButton"

Margin="5 0 0 0"

Width="70"

Height="25"

Content="Next"

Click="nextButton_Click" />

</StackPanel>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using TestProject.NorthwindDataSetTableAdapters;

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

        #region Field

        /// <summary>
        /// 제품 데이터 테이블
        /// </summary>
        private NorthwindDataSet.ProductsDataTable productsDataTable;

        /// <summary>
        /// 현재 레코드
        /// </summary>
        private int currentRecord;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

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

            this.productsDataTable = new ProductsTableAdapter().GetData();

            this.currentRecord = 0;

            DataContext = this.productsDataTable[currentRecord];

            this.comboBoxEdit.ItemsSource = new CategoriesTableAdapter().GetData();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region Previous 버튼 클릭시 처리하기 - previousButton_Click(sender, e)

        /// <summary>
        /// Previous 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void previousButton_Click(object sender, RoutedEventArgs e)
        {
            this.currentRecord--;

            UpdateData();

            UpdateButtonState();
        }

        #endregion
        #region Next 버튼 클릭시 처리하기 - nextButton_Click(sender, e)

        /// <summary>
        /// Next 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void nextButton_Click(object sender, RoutedEventArgs e)
        {
            this.currentRecord++;

            UpdateData();

            UpdateButtonState();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 데이터 갱신하기 - UpdateData()

        /// <summary>
        /// 데이터 갱신하기
        /// </summary>
        private void UpdateData()
        {
            DataContext = this.productsDataTable[currentRecord];
        }

        #endregion
        #region 버튼 상태 갱신하기 - UpdateButtonState()

        /// <summary>
        /// 버튼 상태 갱신하기
        /// </summary>
        private void UpdateButtonState()
        {
            this.previousButton.IsEnabled = this.currentRecord != 0;
            this.nextButton.IsEnabled     = this.currentRecord != this.productsDataTable.Rows.Count - 1;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

using System.Windows;

using TestProject.NorthwindDataSetTableAdapters;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 제품 데이터 테이블

/// </summary>

private NorthwindDataSet.ProductsDataTable productsDataTable;

/// <summary>

/// 현재 레코드

/// </summary>

private int currentRecord;

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.productsDataTable = new ProductsTableAdapter().GetData();

this.currentRecord = 0;

DataContext = this.productsDataTable[currentRecord];

this.comboBoxEdit.ItemsSource = new CategoriesTableAdapter().GetData();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region Previous 버튼 클릭시 처리하기 - previousButton_Click(sender, e)

/// <summary>

/// Previous 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void previousButton_Click(object sender, RoutedEventArgs e)

{

this.currentRecord--;

UpdateData();

UpdateButtonState();

}

#endregion

#region Next 버튼 클릭시 처리하기 - nextButton_Click(sender, e)

/// <summary>

/// Next 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void nextButton_Click(object sender, RoutedEventArgs e)

{

this.currentRecord++;

UpdateData();

UpdateButtonState();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 데이터 갱신하기 - UpdateData()

/// <summary>

/// 데이터 갱신하기

/// </summary>

private void UpdateData()

{

DataContext = this.productsDataTable[currentRecord];

}

#endregion

#region 버튼 상태 갱신하기 - UpdateButtonState()

/// <summary>

/// 버튼 상태 갱신하기

/// </summary>

private void UpdateButtonState()

{

this.previousButton.IsEnabled = this.currentRecord != 0;

this.nextButton.IsEnabled = this.currentRecord != this.productsDataTable.Rows.Count - 1;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ListBoxEdit, CheckedListBoxEdit, RadioListBoxEdit 클래스 사용하기

■ ListBoxEdit, CheckedListBoxEdit, RadioListBoxEdit 클래스를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ListBoxEdit, CheckedListBoxEdit, RadioListBoxEdit 클래스 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <dxe:ListBoxEdit x:Name="listBoxEdit"
            Margin="10"
            ValueMember="ProductName"
            DisplayMember="ProductName" />
        <dxe:ListBoxEdit x:Name="checkedListBoxEdit" Grid.Column="1"
            Margin="10"
            ValueMember="ProductName"
            DisplayMember="ProductName">
            <dxe:ListBoxEdit.StyleSettings>
                <dxe:CheckedListBoxEditStyleSettings />
            </dxe:ListBoxEdit.StyleSettings>
        </dxe:ListBoxEdit>
        <dxe:ListBoxEdit x:Name="radioListBoxEdit" Grid.Column="2"
            Margin="10"
            ValueMember="ProductName"
            DisplayMember="ProductName">
            <dxe:ListBoxEdit.StyleSettings>
                <dxe:RadioListBoxEditStyleSettings />
            </dxe:ListBoxEdit.StyleSettings>
        </dxe:ListBoxEdit>
    </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"

Width="800"

Height="600"

Title="ListBoxEdit, CheckedListBoxEdit, RadioListBoxEdit 클래스 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<dxe:ListBoxEdit x:Name="listBoxEdit"

Margin="10"

ValueMember="ProductName"

DisplayMember="ProductName" />

<dxe:ListBoxEdit x:Name="checkedListBoxEdit" Grid.Column="1"

Margin="10"

ValueMember="ProductName"

DisplayMember="ProductName">

<dxe:ListBoxEdit.StyleSettings>

<dxe:CheckedListBoxEditStyleSettings />

</dxe:ListBoxEdit.StyleSettings>

</dxe:ListBoxEdit>

<dxe:ListBoxEdit x:Name="radioListBoxEdit" Grid.Column="2"

Margin="10"

ValueMember="ProductName"

DisplayMember="ProductName">

<dxe:ListBoxEdit.StyleSettings>

<dxe:RadioListBoxEditStyleSettings />

</dxe:ListBoxEdit.StyleSettings>

</dxe:ListBoxEdit>

</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();

            InitializeDataSource();
        }

        #endregion

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

        #region 데이터 소스 초기화 하기 - InitializeDataSource()

        /// <summary>
        /// 데이터 소스 초기화 하기
        /// </summary>
        private void InitializeDataSource()
        {
            ProductCollection productCollection = new ProductCollection();

            this.listBoxEdit.ItemsSource        = productCollection;
            this.checkedListBoxEdit.ItemsSource = productCollection;
            this.radioListBoxEdit.ItemsSource   = productCollection;
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

InitializeDataSource();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 데이터 소스 초기화 하기 - InitializeDataSource()

/// <summary>

/// 데이터 소스 초기화 하기

/// </summary>

private void InitializeDataSource()

{

ProductCollection productCollection = new ProductCollection();

this.listBoxEdit.ItemsSource = productCollection;

this.checkedListBoxEdit.ItemsSource = productCollection;

this.radioListBoxEdit.ItemsSource = productCollection;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ProgressBarEdit, MarqueeProgressBarEdit 클래스 사용하기

■ ProgressBarEdit, MarqueeProgressBarEdit 클래스를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ProgressBarEdit, MarqueeProgressBarEdit 클래스 사용하기">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <dxe:ProgressBarEdit x:Name="progressBarEdit1" Grid.Row="0"
            Width="300"
            Height="25"
            Minimum="0"
            Maximum="100"
            Value="75"
            Foreground="#fffcf5f5"
            ContentDisplayMode="Value"
            DisplayFormatString="{}{0}%" />
        <dxe:ProgressBarEdit x:Name="progressBarEdit2" Grid.Row="1"
            Width="300"
            Height="25">
            <dxe:ProgressBarEdit.StyleSettings>
                <dxe:ProgressBarMarqueeStyleSettings />
            </dxe:ProgressBarEdit.StyleSettings>
        </dxe:ProgressBarEdit>
    </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"

Width="800"

Height="600"

Title="ProgressBarEdit, MarqueeProgressBarEdit 클래스 사용하기">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<dxe:ProgressBarEdit x:Name="progressBarEdit1" Grid.Row="0"

Width="300"

Height="25"

Minimum="0"

Maximum="100"

Value="75"

Foreground="#fffcf5f5"

ContentDisplayMode="Value"

DisplayFormatString="{}{0}%" />

<dxe:ProgressBarEdit x:Name="progressBarEdit2" Grid.Row="1"

Width="300"

Height="25">

<dxe:ProgressBarEdit.StyleSettings>

<dxe:ProgressBarMarqueeStyleSettings />

</dxe:ProgressBarEdit.StyleSettings>

</dxe:ProgressBarEdit>

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ButtonEdit 클래스 : CUSTOM GLYPH 사용하기

■ ButtonEdit 클래스에서 CUSTOM GLYPH를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ButtonEdit 클래스 : CUSTOM GLYPH 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ButtonEdit x:Name="buttonEdit"
            Width="150"
            Height="25" />
    </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"

Width="800"

Height="600"

Title="ButtonEdit 클래스 : CUSTOM GLYPH 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ButtonEdit x:Name="buttonEdit"

Width="150"

Height="25" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media.Imaging;

using DevExpress.Xpf.Editors;

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

        #region 생성자 - MainWindow()

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

            CreateEditButton(this.buttonEdit, @"/TestProject;component\plus.png");
        }

        #endregion

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

        #region 편집 버튼 생성하기 - CreateEditButton(buttonEdit, imageURL)

        /// <summary>
        /// 편집 버튼 생성하기
        /// </summary>
        /// <param name="buttonEdit">버튼 에디터</param>
        /// <param name="imageURL">이미지 URL</param>
        private void CreateEditButton(ButtonEdit buttonEdit, string imageURL)
        {
            BitmapImage bitmapImage = new BitmapImage(new Uri(imageURL, UriKind.Relative));

            Image image = new Image() { Source = bitmapImage };

            ButtonInfo buttonInfo = new ButtonInfo()
            {
                GlyphKind = GlyphKind.User,
                Content   = image,
            };

            buttonEdit.Buttons.Add(buttonInfo);
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media.Imaging;

using DevExpress.Xpf.Editors;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

CreateEditButton(this.buttonEdit, @"/TestProject;component\plus.png");

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 편집 버튼 생성하기 - CreateEditButton(buttonEdit, imageURL)

/// <summary>

/// 편집 버튼 생성하기

/// </summary>

/// <param name="buttonEdit">버튼 에디터</param>

/// <param name="imageURL">이미지 URL</param>

private void CreateEditButton(ButtonEdit buttonEdit, string imageURL)

{

BitmapImage bitmapImage = new BitmapImage(new Uri(imageURL, UriKind.Relative));

Image image = new Image() { Source = bitmapImage };

ButtonInfo buttonInfo = new ButtonInfo()

{

GlyphKind = GlyphKind.User,

Content = image,

};

buttonEdit.Buttons.Add(buttonInfo);

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ButtonEdit 클래스 : 커스텀 버튼 만들기

■ ButtonEdit 클래스를 사용해 커스텀 버튼을 만드는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ButtonEdit 클래스 : 커스텀 버튼 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ButtonEdit x:Name="buttonEdit"
            Width="150"
            Height="25"
            AllowDefaultButton="False">
            <dxe:ButtonEdit.Buttons>
                <dxe:ButtonInfo
                    Content="Clear"
                    Click="buttonInfo_Click" />
            </dxe:ButtonEdit.Buttons>
        </dxe:ButtonEdit>
    </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"

Width="800"

Height="600"

Title="ButtonEdit 클래스 : 커스텀 버튼 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ButtonEdit x:Name="buttonEdit"

Width="150"

Height="25"

AllowDefaultButton="False">

<dxe:ButtonEdit.Buttons>

<dxe:ButtonInfo

Content="Clear"

Click="buttonInfo_Click" />

</dxe:ButtonEdit.Buttons>

</dxe:ButtonEdit>

</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();
        }

        #endregion

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

        #region 버튼 정보 클릭시 처리하기 - buttonInfo_Click(sender, e)

        /// <summary>
        /// 버튼 정보 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void buttonInfo_Click(object sender, RoutedEventArgs e)
        {
            this.buttonEdit.EditValue = string.Empty;
        }

        #endregion
    }
}

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 버튼 정보 클릭시 처리하기 - buttonInfo_Click(sender, e)

/// <summary>

/// 버튼 정보 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void buttonInfo_Click(object sender, RoutedEventArgs e)

{

this.buttonEdit.EditValue = string.Empty;

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ComboBoxEdit 클래스 : 이미지 콤보 박스 생성하기

■ ComboBoxEdit 클래스에서 이미지 콤보 박스를 생성하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ComboBoxEdit 클래스 : 이미지 콤보 박스 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ComboBoxEdit
            Width="150"
            Height="25"
            ApplyItemTemplateToSelectedItem="True"
            IsTextEditable="False"
            Text="(None)">
            <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>
            <sys:String>Red</sys:String>
            <sys:String>Green</sys:String>
            <sys:String>Blue</sys:String>
        </dxe:ComboBoxEdit>
    </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:sys="clr-namespace:System;assembly=mscorlib"

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

Width="800"

Height="600"

Title="ComboBoxEdit 클래스 : 이미지 콤보 박스 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ComboBoxEdit

Width="150"

Height="25"

ApplyItemTemplateToSelectedItem="True"

IsTextEditable="False"

Text="(None)">

<dxe:ComboBoxEdit.ItemTemplate>

<Rectangle

Margin="6 0 6 0"

Width="10"

Height="10"

RadiusX="2"

RadiusY="2"

Fill="{Binding}" />

</StackPanel>

</Border>

</DataTemplate>

</dxe:ComboBoxEdit.ItemTemplate>

<sys:String>Red</sys:String>

<sys:String>Green</sys:String>

<sys:String>Blue</sys:String>

</dxe:ComboBoxEdit>

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ComboBoxEdit 클래스 : 체크 콤보 박스 사용하기

■ ComboBoxEdit 클래스에서 체크 콤보 박스를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ComboBoxEdit 클래스 : 체크 콤보 박스 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ComboBoxEdit
            Width="150"
            Height="25"
            SeparatorString=";">
            <dxe:ComboBoxEdit.Items>
                <dxe:ComboBoxEditItem Content="David Miles"  />
                <dxe:ComboBoxEditItem Content="John Spor"    />
                <dxe:ComboBoxEditItem Content="Nick Jackson" />
            </dxe:ComboBoxEdit.Items>
            <dxe:ComboBoxEdit.StyleSettings>
                <dxe:CheckedComboBoxStyleSettings />
            </dxe:ComboBoxEdit.StyleSettings>
        </dxe:ComboBoxEdit>
    </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"

Width="800"

Height="600"

Title="ComboBoxEdit 클래스 : 체크 콤보 박스 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ComboBoxEdit

Width="150"

Height="25"

SeparatorString=";">

<dxe:ComboBoxEdit.Items>

<dxe:ComboBoxEditItem Content="David Miles" />

<dxe:ComboBoxEditItem Content="John Spor" />

<dxe:ComboBoxEditItem Content="Nick Jackson" />

</dxe:ComboBoxEdit.Items>

<dxe:ComboBoxEdit.StyleSettings>

<dxe:CheckedComboBoxStyleSettings />

</dxe:ComboBoxEdit.StyleSettings>

</dxe:ComboBoxEdit>

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] TextEdit 클래스 사용하기

■ TextEdit 클래스를 사용하는 방법을 보여준다. ▶ CustomTextEdit.cs


using System.Windows;

using DevExpress.Xpf.Editors;

namespace TestProject
{
    /// <summary>
    /// 커스텀 텍스트 에디터
    /// </summary>
    public class CustomTextEdit : TextEdit
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// 디폴트 에디터 여부 속성
        /// </summary>
        public static readonly DependencyProperty IsDefaultEditorProperty;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 디폴트 에디터 여부 - IsDefaultEditor

        /// <summary>
        /// 디폴트 에디터 여부
        /// </summary>
        public bool IsDefaultEditor
        {
            get
            {
                return (bool)GetValue(IsDefaultEditorProperty);
            }
            set
            {
                SetValue(IsDefaultEditorProperty, value);
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Static

        #region 생성자 - CustomTextEdit()

        /// <summary>
        /// 생성자
        /// </summary>
        static CustomTextEdit()
        {
            IsDefaultEditorProperty = DependencyProperty.Register("IsDefaultEditor", typeof(bool), typeof(CustomTextEdit));

            CustomTextEditSettings.RegisterCustomEdit();
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - CustomTextEdit()

        /// <summary>
        /// 생성자
        /// </summary>
        public CustomTextEdit()
        {
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Editors;

namespace TestProject

{

/// <summary>

/// 커스텀 텍스트 에디터

/// </summary>

public class CustomTextEdit : TextEdit

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region Field

/// <summary>

/// 디폴트 에디터 여부 속성

/// </summary>

public static readonly DependencyProperty IsDefaultEditorProperty;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 디폴트 에디터 여부 - IsDefaultEditor

/// <summary>

/// 디폴트 에디터 여부

/// </summary>

public bool IsDefaultEditor

{

get

{

return (bool)GetValue(IsDefaultEditorProperty);

}

set

{

SetValue(IsDefaultEditorProperty, value);

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 생성자 - CustomTextEdit()

/// <summary>

/// 생성자

/// </summary>

static CustomTextEdit()

{

IsDefaultEditorProperty = DependencyProperty.Register("IsDefaultEditor", typeof(bool), typeof(CustomTextEdit));

CustomTextEditSettings.RegisterCustomEdit();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

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

#region 생성자 - CustomTextEdit()

/// <summary>

/// 생성자

/// </summary>

public CustomTextEdit()

{

}

#endregion

}

▶ CustomTextEditSettings.cs


using System.Windows;

using DevExpress.Xpf.Editors;
using DevExpress.Xpf.Editors.Helpers;
using DevExpress.Xpf.Editors.Settings;

namespace TestProject
{
    /// <summary>
    /// 커스텀 텍스트 에디터 설정
    /// </summary>
    public class CustomTextEditSettings : TextEditSettings
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// 디폴트 에디터 여부 속성
        /// </summary>
        public static readonly DependencyProperty IsDefaultEditorProperty;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 디폴트 에디터 여부 - IsDefaultEditor

        /// <summary>
        /// 디폴트 에디터 여부
        /// </summary>
        public bool IsDefaultEditor
        {
            get
            {
                return (bool)GetValue(IsDefaultEditorProperty);
            }
            set
            {
                SetValue(IsDefaultEditorProperty, value);
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Static

        #region 생성자 - CustomTextEditSettings()

        /// <summary>
        /// 생성자
        /// </summary>
        static CustomTextEditSettings()
        {
            IsDefaultEditorProperty = DependencyProperty.Register("IsDefaultEditor", typeof(bool), typeof(CustomTextEditSettings));

            RegisterCustomEdit();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 커스텀 에디터 등록하기 - RegisterCustomEdit()

        /// <summary>
        /// 커스텀 에디터 등록하기
        /// </summary>
        public static void RegisterCustomEdit()
        {
            EditorSettingsProvider.Default.RegisterUserEditor
            (
                typeof(CustomTextEdit),
                typeof(CustomTextEditSettings),
                () => new CustomTextEdit(),
                () => new CustomTextEditSettings()
            );
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Protected

        #region 에디터 코어 할당하기 - AssignToEditCore(pBaseEdit)

        /// <summary>
        /// 에디터 코어 할당하기
        /// </summary>
        /// <param name="pBaseEdit">IBaseEdit 객체</param>
        protected override void AssignToEditCore(IBaseEdit pBaseEdit)
        {
            base.AssignToEditCore(pBaseEdit);

            CustomTextEdit customTextEdit = pBaseEdit as CustomTextEdit;

            if(customTextEdit == null)
            {
                return;
            }

            SetValueFromSettings(IsDefaultEditorProperty, () => customTextEdit.IsDefaultEditor = IsDefaultEditor);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

using System.Windows;

using DevExpress.Xpf.Editors;

using DevExpress.Xpf.Editors.Helpers;

using DevExpress.Xpf.Editors.Settings;

namespace TestProject

{

/// <summary>

/// 커스텀 텍스트 에디터 설정

/// </summary>

public class CustomTextEditSettings : TextEditSettings

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region Field

/// <summary>

/// 디폴트 에디터 여부 속성

/// </summary>

public static readonly DependencyProperty IsDefaultEditorProperty;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 디폴트 에디터 여부 - IsDefaultEditor

/// <summary>

/// 디폴트 에디터 여부

/// </summary>

public bool IsDefaultEditor

{

get

{

return (bool)GetValue(IsDefaultEditorProperty);

}

set

{

SetValue(IsDefaultEditorProperty, value);

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 생성자 - CustomTextEditSettings()

/// <summary>

/// 생성자

/// </summary>

static CustomTextEditSettings()

{

IsDefaultEditorProperty = DependencyProperty.Register("IsDefaultEditor", typeof(bool), typeof(CustomTextEditSettings));

RegisterCustomEdit();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region 커스텀 에디터 등록하기 - RegisterCustomEdit()

/// <summary>

/// 커스텀 에디터 등록하기

/// </summary>

public static void RegisterCustomEdit()

{

EditorSettingsProvider.Default.RegisterUserEditor

(

typeof(CustomTextEdit),

typeof(CustomTextEditSettings),

() => new CustomTextEdit(),

() => new CustomTextEditSettings()

);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

//////////////////////////////////////////////////////////////////////////////// Protected

#region 에디터 코어 할당하기 - AssignToEditCore(pBaseEdit)

/// <summary>

/// 에디터 코어 할당하기

/// </summary>

/// <param name="pBaseEdit">IBaseEdit 객체</param>

protected override void AssignToEditCore(IBaseEdit pBaseEdit)

{

base.AssignToEditCore(pBaseEdit);

CustomTextEdit customTextEdit = pBaseEdit as CustomTextEdit;

if(customTextEdit == null)

{

return;

}

SetValueFromSettings(IsDefaultEditorProperty, () => customTextEdit.IsDefaultEditor = IsDefaultEditor);

}

#endregion

}

▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="TextEdit 클래스 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ProductName">
                    <dxg:GridColumn.EditSettings>
                        <local:CustomTextEditSettings IsDefaultEditor="True" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView" />
            </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="TextEdit 클래스 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

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

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductName">

<dxg:GridColumn.EditSettings>

<local:CustomTextEditSettings IsDefaultEditor="True" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView" />

</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 = new NorthwindDataSetTableAdapters.ProductsTableAdapter().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 = new NorthwindDataSetTableAdapters.ProductsTableAdapter().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] SearchLookUpEdit 클래스 사용하기

■ SearchLookUpEdit 클래스를 사용하는 방법을 보여준다. ▶ 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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    dx:ThemeManager.ThemeName="Office2010Black"
    Width="800"
    Height="600"
    Title="SearchLookUpEdit 클래스 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:LookUpEdit x:Name="lookUpEdit"
            Width="150"
            Height="25"
            AutoPopulateColumns="False"
            ValueMember="CustomerID"
            DisplayMember="ContactName">
            <dxg:LookUpEdit.StyleSettings>
                <dxg:SearchLookUpEditStyleSettings />
            </dxg:LookUpEdit.StyleSettings>
            <dxg:LookUpEdit.PopupContentTemplate>
                <ControlTemplate>
                    <dxg:GridControl Name="PART_GridControl">
                        <dxg:GridControl.Columns>
                            <dxg:GridColumn FieldName="CompanyName"  />
                            <dxg:GridColumn FieldName="ContactName"  />
                            <dxg:GridColumn FieldName="ContactTitle" />
                            <dxg:GridColumn FieldName="City"         />
                        </dxg:GridControl.Columns>
                        <dxg:GridControl.View>
                            <dxg:TableView />
                        </dxg:GridControl.View>
                    </dxg:GridControl>
                </ControlTemplate>
            </dxg:LookUpEdit.PopupContentTemplate>
        </dxg:LookUpEdit>
    </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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"

xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

dx:ThemeManager.ThemeName="Office2010Black"

Width="800"

Height="600"

Title="SearchLookUpEdit 클래스 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:LookUpEdit x:Name="lookUpEdit"

Width="150"

Height="25"

AutoPopulateColumns="False"

ValueMember="CustomerID"

DisplayMember="ContactName">

<dxg:LookUpEdit.StyleSettings>

<dxg:SearchLookUpEditStyleSettings />

</dxg:LookUpEdit.StyleSettings>

<dxg:LookUpEdit.PopupContentTemplate>

<dxg:GridControl Name="PART_GridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="CompanyName" />

<dxg:GridColumn FieldName="ContactName" />

<dxg:GridColumn FieldName="ContactTitle" />

<dxg:GridColumn FieldName="City" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView />

</dxg:GridControl.View>

</dxg:GridControl>

</ControlTemplate>

</dxg:LookUpEdit.PopupContentTemplate>

</dxg:LookUpEdit>

</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.lookUpEdit.ItemsSource = new NorthwindDataSetTableAdapters.CustomersTableAdapter().GetData();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.lookUpEdit.ItemsSource = new NorthwindDataSetTableAdapters.CustomersTableAdapter().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] SpinEdit 클래스 : 통화 값 표시하기

■ SpinEdit 클래스에서 통화 값을 표시하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="SpinEdit 클래스 : 통화 값 표시하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:SpinEdit x:Name="spinEdit"
            Width="150"
            Height="25"
            Increment="0.01"
            DisplayFormatString="c2" />
    </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"

Width="800"

Height="600"

Title="SpinEdit 클래스 : 통화 값 표시하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:SpinEdit x:Name="spinEdit"

Width="150"

Height="25"

Increment="0.01"

DisplayFormatString="c2" />

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] PopupColorEdit 클래스 : 팔레트 생성하고 추가하기

■ PopupColorEdit 클래스에서 팔레트를 생성하고 추가하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="PopupColorEdit 클래스 : 팔레트 생성하고 추가하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:PopupColorEdit x:Name="popupColorEdit"
            Margin="0 50 0 0"
            VerticalAlignment="Top"
            Width="150"
            Height="25" />
    </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"

Width="800"

Height="600"

Title="PopupColorEdit 클래스 : 팔레트 생성하고 추가하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:PopupColorEdit x:Name="popupColorEdit"

Margin="0 50 0 0"

VerticalAlignment="Top"

Width="150"

Height="25" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


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

using DevExpress.Xpf.Editors;

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

        #region 생성자 - MainWindow()

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

            this.popupColorEdit.Palettes.Add(CustomPalette.CreateGradientPalette("Paper Colors", PredefinedColorCollections.Paper));

            this.popupColorEdit.Palettes.Add
            (
                new CustomPalette
                (
                    "Custom RGB Colors",
                    new List<Color>()
                    {
                        Color.FromRgb(170, 0  , 0  ),
                        Color.FromRgb(0  , 125, 0  ),
                        Color.FromRgb(0  , 0  , 170)
                    }
                )
            );
        }

        #endregion
    }
}

using System.Collections.Generic;

using System.Windows;

using System.Windows.Media;

using DevExpress.Xpf.Editors;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.popupColorEdit.Palettes.Add(CustomPalette.CreateGradientPalette("Paper Colors", PredefinedColorCollections.Paper));

this.popupColorEdit.Palettes.Add

(

new CustomPalette

(

"Custom RGB Colors",

new List<Color>()

{

Color.FromRgb(170, 0 , 0 ),

Color.FromRgb(0 , 125, 0 ),

Color.FromRgb(0 , 0 , 170)

}

)

);

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] RangeTrackBarEdit 클래스 사용하기

■ RangeTrackBarEdit 클래스를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="RangeTrackBarEdit 클래스 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
<Grid>
    <dxe:TrackBarEdit x:Name="trackBarEdit"
        Width="150"
        Height="30"
        Minimum="-200"
        Maximum="200"
        TickPlacement="Both"
        TickFrequency="50"
        ShowNullTextForEmptyValue="False"
        SelectionStart="-45"
        SelectionEnd="40">
        <dxe:TrackBarEdit.StyleSettings>
            <dxe:TrackBarRangeStyleSettings/>
        </dxe:TrackBarEdit.StyleSettings>
    </dxe:TrackBarEdit>
</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"

Width="800"

Height="600"

Title="RangeTrackBarEdit 클래스 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:TrackBarEdit x:Name="trackBarEdit"

Width="150"

Height="30"

Minimum="-200"

Maximum="200"

TickPlacement="Both"

TickFrequency="50"

ShowNullTextForEmptyValue="False"

SelectionStart="-45"

SelectionEnd="40">

<dxe:TrackBarEdit.StyleSettings>

<dxe:TrackBarRangeStyleSettings/>

</dxe:TrackBarEdit.StyleSettings>

</dxe:TrackBarEdit>

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] ProgressBarEdit 클래스 사용하기

■ ProgressBarEdit 클래스를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ProgressBarEdit 클래스 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxe:ProgressBarEdit x:Name="progressBarEdit"
            Width="150"
            Height="20"
            Minimum="0"
            Maximum="10"
            Value="5" />
    </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"

Width="800"

Height="600"

Title="ProgressBarEdit 클래스 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxe:ProgressBarEdit x:Name="progressBarEdit"

Width="150"

Height="20"

Minimum="0"

Maximum="10"

Value="5" />

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] DateEdit 클래스 사용하기

■ DateEdit 클래스를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="DateEdit 클래스 사용하기">
    <Grid>
        <dxe:DateEdit x:Name="dateEdit"
            Width="240"
            Height="25"
            Mask="'Date: 'dddd dd MMMM'. Time: 'h:mm tt"
            ShowWeekNumbers="True" />
    </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"

Width="800"

Height="600"

Title="DateEdit 클래스 사용하기">

<Grid>

<dxe:DateEdit x:Name="dateEdit"

Width="240"

Height="25"

Mask="'Date: 'dddd dd MMMM'. Time: 'h:mm tt"

ShowWeekNumbers="True" />

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : MS Access 데이터베이스 데이터 로드하기

■ GridControl 클래스에서 MS Access 데이터베이스의 데이터를 로드하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" Width="800" Height="600" Title="GridControl 클래스

[C#/WPF/DEVEXPRESS] GridControl 클래스 : XAML 파일 데이터 로드하기

■ GridControl 클래스에서 XAML 파일의 데이터를 로드하는 방법을 보여준다. ▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : XAML 파일에 그리드 바인딩 하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"    />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <dxg:GridControl x:Name="gridControl"
            Grid.Row="0">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="FirstName" />
                <dxg:GridColumn FieldName="LastName"  />
                <dxg:GridColumn FieldName="Company"   />
                <dxg:GridColumn FieldName="City"      />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView NavigationStyle="Cell" />
            </dxg:GridControl.View>
        </dxg:GridControl>
        <Button
            Grid.Row="1"
            Margin="5"
            Content="Save XML"
            Click="saveXMLButton_Click" />
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="GridControl 클래스 : XAML 파일에 그리드 바인딩 하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<dxg:GridControl x:Name="gridControl"

Grid.Row="0">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="FirstName" />

<dxg:GridColumn FieldName="LastName" />

<dxg:GridColumn FieldName="Company" />

<dxg:GridColumn FieldName="City" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView NavigationStyle="Cell" />

</dxg:GridControl.View>

</dxg:GridControl>

<Button

Grid.Row="1"

Margin="5"

Content="Save XML"

Click="saveXMLButton_Click" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Data;
using System.Windows;

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

        #region Field

        /// <summary>
        /// XML 파일 경로
        /// </summary>
        private string xmlFilePath = @"..\..\Contacts.xml";

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

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

            this.gridControl.ItemsSource = LoadData();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region Save XML 버튼 클릭시 처리하기 - saveXMLButton_Click(sender, e)

        /// <summary>
        /// Save XML 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void saveXMLButton_Click(object sender, RoutedEventArgs e)
        {
            SaveData();

            MessageBox.Show("Changes have been successfully saved to an XML file.", "Info");
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 데이터 로드하기 - LoadData()

        /// <summary>
        /// 데이터 로드하기
        /// </summary>
        /// <returns>데이터 테이블</returns>
        private DataTable LoadData()
        {
            DataSet dataSet = new DataSet();

            dataSet.ReadXml(this.xmlFilePath);

            return dataSet.Tables[0];
        }

        #endregion
        #region 데이터 저장하기 - SaveData()

        /// <summary>
        /// 데이터 저장하기
        /// </summary>
        private void SaveData()
        {
            ((DataTable)this.gridControl.ItemsSource).DataSet.WriteXml(this.xmlFilePath);
        }

        #endregion
    }
}

using System.Data;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// XML 파일 경로

/// </summary>

private string xmlFilePath = @"..\..\Contacts.xml";

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.ItemsSource = LoadData();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region Save XML 버튼 클릭시 처리하기 - saveXMLButton_Click(sender, e)

/// <summary>

/// Save XML 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void saveXMLButton_Click(object sender, RoutedEventArgs e)

{

SaveData();

MessageBox.Show("Changes have been successfully saved to an XML file.", "Info");

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 데이터 로드하기 - LoadData()

/// <summary>

/// 데이터 로드하기

/// </summary>

/// <returns>데이터 테이블</returns>

private DataTable LoadData()

{

DataSet dataSet = new DataSet();

dataSet.ReadXml(this.xmlFilePath);

return dataSet.Tables[0];

}

#endregion

#region 데이터 저장하기 - SaveData()

/// <summary>

/// 데이터 저장하기

/// </summary>

private void SaveData()

{

((DataTable)this.gridControl.ItemsSource).DataSet.WriteXml(this.xmlFilePath);

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 언바운드 편집 가능한 체크 컬럼 추가하기

■ GridControl 클래스에서 언바운드 편집 가능한 체크 컬럼을 추가하는 방법을 보여준다. ▶ SelectionHelper.cs


using System.Collections.Generic;
using System.Text;

namespace TestProject
{
    /// <summary>
    /// 선택 도우미
    /// </summary>
    /// <typeparam name="KeyType">키 타입</typeparam>
    public class SelectionHelper<KeyType>
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 사전
        /// </summary>
        private Dictionary<KeyType, bool> dictionary = new Dictionary<KeyType, bool>();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 선택 여부 구하기 - GetIsSelected(key)

        /// <summary>
        /// 선택 여부 구하기
        /// </summary>
        /// <param name="key">키</param>
        /// <returns>선택 여부</returns>
        public bool GetIsSelected(KeyType key)
        {
            bool isSelected;

            if(this.dictionary.TryGetValue(key, out isSelected))
            {
                return isSelected;
            }

            return false;
        }

        #endregion
        #region 선택 여부 설정하기 - SetIsSelected(key, value)

        /// <summary>
        /// 선택 여부 설정하기
        /// </summary>
        /// <param name="key">키</param>
        /// <param name="value">값</param>
        public void SetIsSelected(KeyType key, bool value)
        {
            if(value)
            {
                this.dictionary[key] = value;
            }
            else
            {
                this.dictionary.Remove(key);
            }
        }

        #endregion
        #region 선택 키 리스트 구하기 - GetSelectedKeyList()

        /// <summary>
        /// 선택 키 리스트 구하기
        /// </summary>
        /// <returns>선택 키 리스트</returns>
        public List<KeyType> GetSelectedKeyList()
        {
            List<KeyType> keyList = new List<KeyType>();

            foreach(KeyType key in this.dictionary.Keys)
            {
                keyList.Add(key);
            }

            return keyList;
        }

        #endregion
        #region 선택 키 리스트에서 문자열 구하기 - GetStringFromSelectedKeyList()

        /// <summary>
        /// 선택 키 리스트에서 문자열 구하기
        /// </summary>
        /// <returns>문자열</returns>
        public string GetStringFromSelectedKeyList()
        {
            List<KeyType> keyList = GetSelectedKeyList();

            StringBuilder stringBuilder = new StringBuilder();

            for(int i = 0; i < keyList.Count; i++)
            {
                stringBuilder.AppendLine(keyList[i].ToString());
            }

            return stringBuilder.ToString();
        }

        #endregion
        #region 선택 카운트 구하기 - GetSelectionCount()

        /// <summary>
        /// 선택 카운트 구하기
        /// </summary>
        /// <returns>선택 카운트</returns>
        public int GetSelectionCount()
        {
            return this.dictionary.Count;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

using System.Collections.Generic;

using System.Text;

namespace TestProject

{

/// <summary>

/// 선택 도우미

/// </summary>

/// <typeparam name="KeyType">키 타입</typeparam>

public class SelectionHelper<KeyType>

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 사전

/// </summary>

private Dictionary<KeyType, bool> dictionary = new Dictionary<KeyType, bool>();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

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

#region 선택 여부 구하기 - GetIsSelected(key)

/// <summary>

/// 선택 여부 구하기

/// </summary>

/// <param name="key">키</param>

/// <returns>선택 여부</returns>

public bool GetIsSelected(KeyType key)

{

bool isSelected;

if(this.dictionary.TryGetValue(key, out isSelected))

{

return isSelected;

}

return false;

}

#endregion

#region 선택 여부 설정하기 - SetIsSelected(key, value)

/// <summary>

/// 선택 여부 설정하기

/// </summary>

/// <param name="key">키</param>

/// <param name="value">값</param>

public void SetIsSelected(KeyType key, bool value)

{

if(value)

{

this.dictionary[key] = value;

}

else

{

this.dictionary.Remove(key);

}

#endregion

#region 선택 키 리스트 구하기 - GetSelectedKeyList()

/// <summary>

/// 선택 키 리스트 구하기

/// </summary>

/// <returns>선택 키 리스트</returns>

public List<KeyType> GetSelectedKeyList()

{

List<KeyType> keyList = new List<KeyType>();

foreach(KeyType key in this.dictionary.Keys)

{

keyList.Add(key);

}

return keyList;

}

#endregion

#region 선택 키 리스트에서 문자열 구하기 - GetStringFromSelectedKeyList()

/// <summary>

/// 선택 키 리스트에서 문자열 구하기

/// </summary>

/// <returns>문자열</returns>

public string GetStringFromSelectedKeyList()

{

List<KeyType> keyList = GetSelectedKeyList();

StringBuilder stringBuilder = new StringBuilder();

for(int i = 0; i < keyList.Count; i++)

{

stringBuilder.AppendLine(keyList[i].ToString());

}

return stringBuilder.ToString();

}

#endregion

#region 선택 카운트 구하기 - GetSelectionCount()

/// <summary>

/// 선택 카운트 구하기

/// </summary>

/// <returns>선택 카운트</returns>

public int GetSelectionCount()

{

return this.dictionary.Count;

}

#endregion

}

▶ 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="GridControl 클래스 : 언바운드 편집 가능한 체크 컬럼 구현하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <Button Grid.Row="0"
            Content="Invert Selection"
            Click="invertSelectionButton_Click" />
        <Button Grid.Row="1"
            Margin="0 10 0 0"
            Content="Get Selection"
            Click="getSelectionButton_Click" />
        <dxg:GridControl x:Name="gridControl" Grid.Row="2"
            Margin="0 10 0 0"
            CustomUnboundColumnData="gridControl_CustomUnboundColumnData"
            ItemsSource="{Binding Data}">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ID"     />
                <dxg:GridColumn FieldName="Number" />
                <dxg:GridColumn
                    FieldName="Selected"
                    UnboundType="Boolean"
                    AllowSorting="False">
                    <dxg:GridColumn.CellTemplate>
                        <DataTemplate>
                            <dxe:CheckEdit
                                IsChecked="{Binding Data.Selected}"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center" />
                        </DataTemplate>
                    </dxg:GridColumn.CellTemplate>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView" />
            </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="GridControl 클래스 : 언바운드 편집 가능한 체크 컬럼 구현하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Button Grid.Row="0"

Content="Invert Selection"

Click="invertSelectionButton_Click" />

<Button Grid.Row="1"

Margin="0 10 0 0"

Content="Get Selection"

Click="getSelectionButton_Click" />

<dxg:GridControl x:Name="gridControl" Grid.Row="2"

Margin="0 10 0 0"

CustomUnboundColumnData="gridControl_CustomUnboundColumnData"

ItemsSource="{Binding Data}">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ID" />

<dxg:GridColumn FieldName="Number" />

<dxg:GridColumn

FieldName="Selected"

UnboundType="Boolean"

AllowSorting="False">

<dxg:GridColumn.CellTemplate>

<dxe:CheckEdit

IsChecked="{Binding Data.Selected}"

HorizontalAlignment="Center"

VerticalAlignment="Center" />

</DataTemplate>

</dxg:GridColumn.CellTemplate>

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;

using DevExpress.Xpf.Grid;

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

        #region Field

        /// <summary>
        /// 샘플 리스트
        /// </summary>
        private SampleList sampleList = new SampleList();

        /// <summary>
        /// 선택 도우미
        /// </summary>
        private SelectionHelper<Guid> selectionHelper = new SelectionHelper<Guid>();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 메인 윈도우 - MainWindow()

        /// <summary>
        /// 메인 윈도우
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            DataContext = this.sampleList;
        }

        #endregion

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

        #region 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기 - gridControl_CustomUnboundColumnData(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomUnboundColumnData(object sender, GridColumnDataEventArgs e)
        {
            if(e.Column.FieldName != "Selected")
            {
                return;
            }

            Guid keyGuid = (Guid)e.GetListSourceFieldValue("ID");

            if(e.IsGetData)
            {
                e.Value = this.selectionHelper.GetIsSelected(keyGuid);
            }

            if(e.IsSetData)
            {
                this.selectionHelper.SetIsSelected(keyGuid, (bool)e.Value);
            }
        }

        #endregion
        #region Invert Selection 버튼 클릭시 처리하기 - invertSelectionButton_Click(sender, e)

        /// <summary>
        /// Invert Selection 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void invertSelectionButton_Click(object sender, RoutedEventArgs e)
        {
            for(int i = 0; i < this.sampleList.Data.Count; i++)
            {
                int rowHandle = this.gridControl.GetRowHandleByListIndex(i);

                bool newIsSelected = !this.selectionHelper.GetIsSelected(this.sampleList.Data[i].ID);

                this.gridControl.SetCellValue(rowHandle, "Selected", newIsSelected);
            }
        }

        #endregion
        #region Get Selection 버튼 클릭시 처리하기 - getSelectionButton_Click(sender, e)

        /// <summary>
        /// Get Selection 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void getSelectionButton_Click(object sender, RoutedEventArgs e)
        {
            string caption = string.Format("Selected rows (Total: {0})", this.selectionHelper.GetSelectionCount());

            MessageBox.Show(this.selectionHelper.GetStringFromSelectedKeyList(), caption);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

using System;

using System.Windows;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 샘플 리스트

/// </summary>

private SampleList sampleList = new SampleList();

/// <summary>

/// 선택 도우미

/// </summary>

private SelectionHelper<Guid> selectionHelper = new SelectionHelper<Guid>();

#endregion

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

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

#region 메인 윈도우 - MainWindow()

/// <summary>

/// 메인 윈도우

/// </summary>

public MainWindow()

{

InitializeComponent();

DataContext = this.sampleList;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기 - gridControl_CustomUnboundColumnData(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void gridControl_CustomUnboundColumnData(object sender, GridColumnDataEventArgs e)

{

if(e.Column.FieldName != "Selected")

{

return;

}

Guid keyGuid = (Guid)e.GetListSourceFieldValue("ID");

if(e.IsGetData)

{

e.Value = this.selectionHelper.GetIsSelected(keyGuid);

}

if(e.IsSetData)

{

this.selectionHelper.SetIsSelected(keyGuid, (bool)e.Value);

}

#endregion

#region Invert Selection 버튼 클릭시 처리하기 - invertSelectionButton_Click(sender, e)

/// <summary>

/// Invert Selection 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void invertSelectionButton_Click(object sender, RoutedEventArgs e)

{

for(int i = 0; i < this.sampleList.Data.Count; i++)

{

int rowHandle = this.gridControl.GetRowHandleByListIndex(i);

bool newIsSelected = !this.selectionHelper.GetIsSelected(this.sampleList.Data[i].ID);

this.gridControl.SetCellValue(rowHandle, "Selected", newIsSelected);

}

#endregion

#region Get Selection 버튼 클릭시 처리하기 - getSelectionButton_Click(sender, e)

/// <summary>

/// Get Selection 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void getSelectionButton_Click(object sender, RoutedEventArgs e)

{

string caption = string.Format("Selected rows (Total: {0})", this.selectionHelper.GetSelectionCount());

MessageBox.Show(this.selectionHelper.GetStringFromSelectedKeyList(), caption);

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 마스터-상세 그리드 생성하기

■ GridControl 클래스에서 마스터-상세 그리드를 생성하는 방법을 보여준다. ▶ MainViewModel.cs


using System.Collections.Generic;

namespace TestProject
{
    /// <summary>
    /// 뷰 모델
    /// </summary>
    public class MainViewModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 부모 테스트 데이터 리스트
        /// </summary>
        private List<ParentTestData> parentTestDataList;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 데이터 - Data

        /// <summary>
        /// 데이터
        /// </summary>
        public List<ParentTestData> Data
        {
            get
            {
                if(this.parentTestDataList == null)
                {
                    this.parentTestDataList = new List<ParentTestData>();

                    for(int i = 0; i < 100; i++)
                    {
                        ParentTestData parentTestData = new ParentTestData()
                        {
                            Text   = "Master" + i,
                            Number = i,
                            TestDataList   = new List<TestData>()
                        };

                        for(int j = 0; j < 50; j++)
                        {
                            parentTestData.TestDataList.Add
                            (
                                new TestData()
                                {
                                    Text   = "Detail" + j + " Master" + i,
                                    Number = j,
                                    Ready  = j % 2 != 0
                                }
                            );
                        }

                        this.parentTestDataList.Add(parentTestData);
                    }
                }

                return this.parentTestDataList;
            }
        }

        #endregion
    }
}

using System.Collections.Generic;

namespace TestProject

{

/// <summary>

/// 뷰 모델

/// </summary>

public class MainViewModel

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 부모 테스트 데이터 리스트

/// </summary>

private List<ParentTestData> parentTestDataList;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 데이터 - Data

/// <summary>

/// 데이터

/// </summary>

public List<ParentTestData> Data

{

get

{

if(this.parentTestDataList == null)

{

this.parentTestDataList = new List<ParentTestData>();

for(int i = 0; i < 100; i++)

{

ParentTestData parentTestData = new ParentTestData()

{

Text = "Master" + i,

Number = i,

TestDataList = new List<TestData>()

};

for(int j = 0; j < 50; j++)

{

parentTestData.TestDataList.Add

(

new TestData()

{

Text = "Detail" + j + " Master" + i,

Number = j,

Ready = j % 2 != 0

}

);

}

this.parentTestDataList.Add(parentTestData);

}

return this.parentTestDataList;

}

#endregion

}

▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 마스터-상세 그리드 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <dxg:GridControl x:Name="gridControl"
        AutoPopulateColumns="True"
        ItemsSource="{Binding Path=Data}">
        <dxg:GridControl.DetailDescriptor>
            <dxg:DataControlDetailDescriptor ItemsSourceBinding="{Binding TestDataList}">
                <dxg:GridControl AutoPopulateColumns="True" />
            </dxg:DataControlDetailDescriptor>
        </dxg:GridControl.DetailDescriptor>
    </dxg:GridControl>
</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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 마스터-상세 그리드 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.DataContext>

<local:MainViewModel />

</Window.DataContext>

<dxg:GridControl x:Name="gridControl"

AutoPopulateColumns="True"

ItemsSource="{Binding Path=Data}">

<dxg:GridControl.DetailDescriptor>

<dxg:DataControlDetailDescriptor ItemsSourceBinding="{Binding TestDataList}">

<dxg:GridControl AutoPopulateColumns="True" />

</dxg:DataControlDetailDescriptor>

</dxg:GridControl.DetailDescriptor>

</dxg:GridControl>

</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();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 그리드 컬럼 자동 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            AutoGenerateColumns="AddNew"
            ItemsSource="{x:Static local:SampleData.Data}" />
    </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 그리드 컬럼 자동 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<dxg:GridControl x:Name="gridControl"

AutoGenerateColumns="AddNew"

ItemsSource="{x:Static local:SampleData.Data}" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Data;
using DevExpress.Xpf.Grid;

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

        #region 생성자 - MainWindow()

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

        #endregion
    }
}

using System.Windows;

using DevExpress.Data;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 커스텀 컬럼 선택자 생성하기

■ GridControl 클래스에서 커스텀 컬럼 선택자를 생성하는 방법을 보여준다. ▶ CustomColumnChooser.cs


using System.Windows;
using System.Windows.Controls;

using DevExpress.Xpf.Core;

namespace TestProject
{
    /// <summary>
    /// 커스텀 컬럼 선택자
    /// </summary>
    public class CustomColumnChooser : IColumnChooser, IColumnChooserFactory
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 커스텀 컬럼 선택자 컨트롤
        /// </summary>
        private readonly CustomColumnChooserControl customColumnChooserControl;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        // IColumnChooser
        #region 상위 컨테이너 - TopContainer

        /// <summary>
        /// 상위 컨테이너
        /// </summary>
        public UIElement TopContainer
        {
            get
            {
                return this.customColumnChooserControl.ColunmChooserControl;
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - CustomColumnChooser(customColumnChooserControl)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="customColumnChooserControl">커스텀 컬럼 선택자 컨트롤</param>
        public CustomColumnChooser(CustomColumnChooserControl customColumnChooserControl)
        {
            this.customColumnChooserControl = customColumnChooserControl;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method

        #region (IColumnChooserFactory) 보여주기 - Show()

        /// <summary>
        /// 보여주기
        /// </summary>
        public void Show()
        {
        }

        #endregion
        #region (IColumnChooserFactory) 숨기기 - Hide()

        /// <summary>
        /// 숨기기
        /// </summary>
        public void Hide()
        {
        }

        #endregion
        #region (IColumnChooserFactory) 상태 적용하기 - ApplyState(columnChooserState)

        /// <summary>
        /// 상태 적용하기
        /// </summary>
        /// <param name="columnChooserState">컬럼 선택자 상태</param>
        public void ApplyState(IColumnChooserState columnChooserState)
        {
        }

        #endregion
        #region (IColumnChooserFactory) 상태 저장하기 - SaveState(columnChooserState)

        /// <summary>
        /// 상태 저장하기
        /// </summary>
        /// <param name="columnChooserState">컬럼 선택자 상태</param>
        public void SaveState(IColumnChooserState columnChooserState)
        {
        }

        #endregion
        #region (IColumnChooserFactory) 파괴하기 - Destroy()

        /// <summary>
        /// 파괴하기
        /// </summary>
        public void Destroy()
        {
        }

        #endregion
        #region (IColumnChooserFactory) 생성하기 - Create(ownerControl)

        /// <summary>
        /// 생성하기
        /// </summary>
        /// <param name="ownerControl">오너 컨트롤</param>
        /// <returns>IColumnChooser 객체</returns>
        public IColumnChooser Create(Control ownerControl)
        {
            return this;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

using System.Windows;

using System.Windows.Controls;

using DevExpress.Xpf.Core;

namespace TestProject

{

/// <summary>

/// 커스텀 컬럼 선택자

/// </summary>

public class CustomColumnChooser : IColumnChooser, IColumnChooserFactory

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 커스텀 컬럼 선택자 컨트롤

/// </summary>

private readonly CustomColumnChooserControl customColumnChooserControl;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

// IColumnChooser

#region 상위 컨테이너 - TopContainer

/// <summary>

/// 상위 컨테이너

/// </summary>

public UIElement TopContainer

{

get

{

return this.customColumnChooserControl.ColunmChooserControl;

}

#endregion

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

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

#region 생성자 - CustomColumnChooser(customColumnChooserControl)

/// <summary>

/// 생성자

/// </summary>

/// <param name="customColumnChooserControl">커스텀 컬럼 선택자 컨트롤</param>

public CustomColumnChooser(CustomColumnChooserControl customColumnChooserControl)

{

this.customColumnChooserControl = customColumnChooserControl;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

#region (IColumnChooserFactory) 보여주기 - Show()

/// <summary>

/// 보여주기

/// </summary>

public void Show()

{

}

#endregion

#region (IColumnChooserFactory) 숨기기 - Hide()

/// <summary>

/// 숨기기

/// </summary>

public void Hide()

{

}

#endregion

#region (IColumnChooserFactory) 상태 적용하기 - ApplyState(columnChooserState)

/// <summary>

/// 상태 적용하기

/// </summary>

/// <param name="columnChooserState">컬럼 선택자 상태</param>

public void ApplyState(IColumnChooserState columnChooserState)

{

}

#endregion

#region (IColumnChooserFactory) 상태 저장하기 - SaveState(columnChooserState)

/// <summary>

/// 상태 저장하기

/// </summary>

/// <param name="columnChooserState">컬럼 선택자 상태</param>

public void SaveState(IColumnChooserState columnChooserState)

{

}

#endregion

#region (IColumnChooserFactory) 파괴하기 - Destroy()

/// <summary>

/// 파괴하기

/// </summary>

public void Destroy()

{

}

#endregion

#region (IColumnChooserFactory) 생성하기 - Create(ownerControl)

/// <summary>

/// 생성하기

/// </summary>

/// <param name="ownerControl">오너 컨트롤</param>

/// <returns>IColumnChooser 객체</returns>

public IColumnChooser Create(Control ownerControl)

{

return this;

}

#endregion

}

▶ CustomColumnChooserControl.cs


using System.Windows;
using System.Windows.Controls;

using DevExpress.Xpf.Grid;

namespace TestProject
{
    /// <summary>
    /// 커스텀 컬럼 선택자 컨트롤
    /// </summary>
    public class CustomColumnChooserControl : Control
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Field

        #region Field

        /// <summary>
        /// 뷰 속성
        /// </summary>
        public static readonly DependencyProperty ViewProperty =
            DependencyProperty.Register("View", typeof(GridViewBase), typeof(CustomColumnChooserControl), new UIPropertyMetadata(null));

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Internal

        #region 컬럼 선택자 컨트롤 - ColunmChooserControl

        /// <summary>
        /// 컬럼 선택자 컨트롤
        /// </summary>
        internal ColumnChooserControl ColunmChooserControl { get; private set; }

        #endregion

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

        #region 뷰 - View

        /// <summary>
        /// 뷰
        /// </summary>
        public GridViewBase View
        {
            get
            {
                return (GridViewBase)GetValue(ViewProperty);
            }
            set
            {
                SetValue(ViewProperty, value);
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - CustomColumnChooserControl()

        /// <summary>
        /// 생성자
        /// </summary>
        public CustomColumnChooserControl()
        {
            DefaultStyleKey = typeof(CustomColumnChooserControl);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 템플리트 적용시 처리하기 - OnApplyTemplate()

        /// <summary>
        /// 템플리트 적용시 처리하기
        /// </summary>
        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            ColunmChooserControl = (ColumnChooserControl)GetTemplateChild("PART_ColumnChooserControl");
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 커스텀 컬럼 선택자 컨트롤

/// </summary>

public class CustomColumnChooserControl : Control

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Field

#region Field

/// <summary>

/// 뷰 속성

/// </summary>

public static readonly DependencyProperty ViewProperty =

DependencyProperty.Register("View", typeof(GridViewBase), typeof(CustomColumnChooserControl), new UIPropertyMetadata(null));

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Internal

#region 컬럼 선택자 컨트롤 - ColunmChooserControl

/// <summary>

/// 컬럼 선택자 컨트롤

/// </summary>

internal ColumnChooserControl ColunmChooserControl { get; private set; }

#endregion

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

#region 뷰 - View

/// <summary>

/// 뷰

/// </summary>

public GridViewBase View

{

get

{

return (GridViewBase)GetValue(ViewProperty);

}

set

{

SetValue(ViewProperty, value);

}

#endregion

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

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

#region 생성자 - CustomColumnChooserControl()

/// <summary>

/// 생성자

/// </summary>

public CustomColumnChooserControl()

{

DefaultStyleKey = typeof(CustomColumnChooserControl);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

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

#region 템플리트 적용시 처리하기 - OnApplyTemplate()

/// <summary>

/// 템플리트 적용시 처리하기

/// </summary>

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

ColunmChooserControl = (ColumnChooserControl)GetTemplateChild("PART_ColumnChooserControl");

}

#endregion

}

▶ 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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 커스텀 컬럼 선택자 생성하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type local:CustomColumnChooserControl}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type local:CustomColumnChooserControl}">
                        <Expander x:Name="expander"
                            Margin="5"
                            IsExpanded="{Binding ElementName=PART_ColumnChooserControl, Path=Owner.IsColumnChooserVisible}">
                            <ContentControl>
                                <Border
                                    CornerRadius="3"
                                    Padding="1"
                                    Background="LightGray">
                                    <dx:NonLogicalDecorator>
                                        <dxg:ColumnChooserControl x:Name="PART_ColumnChooserControl"
                                            Owner="{TemplateBinding View}"
                                            Columns="{Binding Path=Owner.ColumnChooserColumns, RelativeSource={RelativeSource Self}}" />
                                    </dx:NonLogicalDecorator>
                                </Border>
                            </ContentControl>
                        </Expander>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid Margin="5">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"   />
            <ColumnDefinition Width="150" />
        </Grid.ColumnDefinitions>
        <dxg:GridControl x:Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="IssueName"                 />
                <dxg:GridColumn FieldName="IssueType" Visible="False" />
                <dxg:GridColumn FieldName="IsPrivate" Visible="False" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView" />
            </dxg:GridControl.View>
        </dxg:GridControl>
        <local:CustomColumnChooserControl x:Name="customColumnChooserControl" Grid.Column="1"
            Margin="10" />
    </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:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"

xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 커스텀 컬럼 선택자 생성하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Setter.Value>

<Expander x:Name="expander"

Margin="5"

IsExpanded="{Binding ElementName=PART_ColumnChooserControl, Path=Owner.IsColumnChooserVisible}">

<Border

CornerRadius="3"

Padding="1"

Background="LightGray">

<dx:NonLogicalDecorator>

<dxg:ColumnChooserControl x:Name="PART_ColumnChooserControl"

Owner="{TemplateBinding View}"

Columns="{Binding Path=Owner.ColumnChooserColumns, RelativeSource={RelativeSource Self}}" />

</dx:NonLogicalDecorator>

</Border>

</ContentControl>

</Expander>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Window.Resources>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

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

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="IssueName" />

<dxg:GridColumn FieldName="IssueType" Visible="False" />

<dxg:GridColumn FieldName="IsPrivate" Visible="False" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView" />

</dxg:GridControl.View>

</dxg:GridControl>

<local:CustomColumnChooserControl x:Name="customColumnChooserControl" Grid.Column="1"

Margin="10" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DevExpress.Xpf.Grid;

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

        #region 생성자 - MainWindow()

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

            this.gridControl.ItemsSource = new IssueList().GetData();

            InitializeCustomColumnChooserControl(this.tableView);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 커스텀 컬럼 선택자 컨트롤 초기화 하기 - InitializeCustomColumnChooserControl(gridViewBase)

        /// <summary>
        /// 커스텀 컬럼 선택자 컨트롤 초기화 하기
        /// </summary>
        /// <param name="gridViewBase">GridViewBase 객체</param>
        private void InitializeCustomColumnChooserControl(GridViewBase gridViewBase)
        {
            customColumnChooserControl.View = gridViewBase;

            gridViewBase.ColumnChooserFactory = new CustomColumnChooser(customColumnChooserControl);

            gridViewBase.ShowColumnChooser();
        }

        #endregion
    }
}

using System.Windows;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.gridControl.ItemsSource = new IssueList().GetData();

InitializeCustomColumnChooserControl(this.tableView);

}

#endregion

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

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

#region 커스텀 컬럼 선택자 컨트롤 초기화 하기 - InitializeCustomColumnChooserControl(gridViewBase)

/// <summary>

/// 커스텀 컬럼 선택자 컨트롤 초기화 하기

/// </summary>

/// <param name="gridViewBase">GridViewBase 객체</param>

private void InitializeCustomColumnChooserControl(GridViewBase gridViewBase)

{

customColumnChooserControl.View = gridViewBase;

gridViewBase.ColumnChooserFactory = new CustomColumnChooser(customColumnChooserControl);

gridViewBase.ShowColumnChooser();

}

#endregion

}

TestProject.zip

[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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 행 선택 구현하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.Resources>
            <DataTemplate x:Key="CellDataTemplateKey">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*"    />
                    </Grid.ColumnDefinitions>
                    <Image x:Name="image" Grid.Column="0"
                        Margin="1"
                        Stretch="None"
                        Source="Image/cart.png" />
                    <TextBlock Grid.Column="1"
                        Margin="1"
                        Text="{Binding Path=Value}" />
                </Grid>
                <DataTemplate.Triggers>
                    <DataTrigger
                        Binding="{Binding Path=Data.Selected}"
                        Value="False">
                        <Setter
                            TargetName="image"
                            Property="Visibility"
                            Value="Collapsed" />
                    </DataTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>
            <DataTemplate x:Key="TotalSummaryDataTemplateKey">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="20" />
                        <ColumnDefinition Width="*"  />
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0"
                        Margin="1"
                        Stretch="None"
                        Source="Image/rectangle.png" />
                    <TextBlock Grid.Column="1"
                        Margin="1"
                        Text="{Binding Path=Column.TotalSummaryText}" />
                </Grid>
            </DataTemplate>
        </Grid.Resources>
        <dxg:GridControl x:Name="gridControl"
            CustomUnboundColumnData="gridControl_CustomUnboundColumnData">
            <dxg:GridControl.Columns>
                <dxg:GridColumn
                    FieldName="ProductName"
                    CellTemplate="{StaticResource CellDataTemplateKey}" />
                <dxg:GridColumn FieldName="UnitPrice" />
                <dxg:GridColumn
                    FieldName="Selected"
                    UnboundType="Boolean" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView"
                    ShowGroupPanel="False"
                    NavigationStyle="Row"
                    ShowTotalSummary="True"
                    TotalSummaryItemTemplate="{StaticResource TotalSummaryDataTemplateKey}"
                    MouseDoubleClick="tableView_MouseDoubleClick" />
            </dxg:GridControl.View>
            <dxg:GridControl.TotalSummary>
                <dxg:GridSummaryItem
                    FieldName="UnitPrice"
                    SummaryType="Custom" />
            </dxg:GridControl.TotalSummary>
        </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="GridControl 클래스 : 행 선택 구현하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.Resources>

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Image x:Name="image" Grid.Column="0"

Margin="1"

Stretch="None"

Source="Image/cart.png" />

<TextBlock Grid.Column="1"

Margin="1"

Text="{Binding Path=Value}" />

</Grid>

<DataTemplate.Triggers>

<DataTrigger

Binding="{Binding Path=Data.Selected}"

Value="False">

<Setter

TargetName="image"

Property="Visibility"

Value="Collapsed" />

</DataTrigger>

</DataTemplate.Triggers>

</DataTemplate>

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Image Grid.Column="0"

Margin="1"

Stretch="None"

Source="Image/rectangle.png" />

<TextBlock Grid.Column="1"

Margin="1"

Text="{Binding Path=Column.TotalSummaryText}" />

</Grid>

</DataTemplate>

</Grid.Resources>

<dxg:GridControl x:Name="gridControl"

CustomUnboundColumnData="gridControl_CustomUnboundColumnData">

<dxg:GridControl.Columns>

<dxg:GridColumn

FieldName="ProductName"

CellTemplate="{StaticResource CellDataTemplateKey}" />

<dxg:GridColumn FieldName="UnitPrice" />

<dxg:GridColumn

FieldName="Selected"

UnboundType="Boolean" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView"

ShowGroupPanel="False"

NavigationStyle="Row"

ShowTotalSummary="True"

TotalSummaryItemTemplate="{StaticResource TotalSummaryDataTemplateKey}"

MouseDoubleClick="tableView_MouseDoubleClick" />

</dxg:GridControl.View>

<dxg:GridControl.TotalSummary>

<dxg:GridSummaryItem

FieldName="UnitPrice"

SummaryType="Custom" />

</dxg:GridControl.TotalSummary>

</dxg:GridControl>

</Grid>

</Window>

▶ MainWindow.xaml.cs


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

using DevExpress.Data;
using DevExpress.Xpf.Grid;

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

        #region Field

        /// <summary>
        /// 언바운드 데이터 리스트
        /// </summary>
        private List<bool> unboundDataList = new List<bool>();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

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

            Loaded += Window_Loaded;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.gridControl.ItemsSource = new NorthwindEntities().Products;

            SetUnboundDataSource(this.gridControl.VisibleRowCount);

            this.gridControl.CustomSummary += gridControl_CustomSummary;
        }

        #endregion
        #region 그리드 컨트롤 커스텀 요약 처리하기 - gridControl_CustomSummary(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 요약 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomSummary(object sender, CustomSummaryEventArgs e)
        {
            if(e.SummaryProcess == CustomSummaryProcess.Start)
            {
                e.TotalValue = 0m;
            }

            if(e.SummaryProcess == CustomSummaryProcess.Calculate)
            {
                if((bool)e.GetValue("Selected"))
                {
                    e.TotalValue = Convert.ToDecimal(e.TotalValue) + Convert.ToDecimal(e.GetValue("UnitPrice"));
                }
            }
        }

        #endregion
        #region 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기 - gridControl_CustomUnboundColumnData(sender, e)

        /// <summary>
        /// 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridControl_CustomUnboundColumnData(object sender, GridColumnDataEventArgs e)
        {
            if(e.Column.FieldName == "Selected")
            {
                if(e.IsGetData)
                {
                    e.Value = this.unboundDataList[e.ListSourceRowIndex];
                }

                if(e.IsSetData)
                {
                    this.unboundDataList[e.ListSourceRowIndex] = (bool)e.Value;
                }
            }
        }

        #endregion
        #region 테이블 뷰 마우스 더블 클릭시 처리하기 - tableView_MouseDoubleClick(sender, e)

        /// <summary>
        /// 테이블 뷰 마우스 더블 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void tableView_MouseDoubleClick(object sender, MouseButtonEventArgs e)
        {
            int rowHandle = this.gridControl.View.GetRowHandleByMouseEventArgs(e);

            if(this.gridControl.IsValidRowHandle(rowHandle))
            {
                this.gridControl.SetCellValue(rowHandle, "Selected", !(bool)this.gridControl.GetCellValue(rowHandle, "Selected"));

                this.gridControl.RefreshData();
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 언바운드 데이터 소스 설정하기 - SetUnboundDataSource(count)

        /// <summary>
        /// 언바운드 데이터 소스 설정하기
        /// </summary>
        /// <param name="count">카운트</param>
        private void SetUnboundDataSource(int count)
        {
            for(int i = 0; i < count; i++)
            {
                this.unboundDataList.Add(false);
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

using System;

using System.Collections.Generic;

using System.Windows;

using System.Windows.Input;

using DevExpress.Data;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 언바운드 데이터 리스트

/// </summary>

private List<bool> unboundDataList = new List<bool>();

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

Loaded += Window_Loaded;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_Loaded(object sender, RoutedEventArgs e)

{

this.gridControl.ItemsSource = new NorthwindEntities().Products;

SetUnboundDataSource(this.gridControl.VisibleRowCount);

this.gridControl.CustomSummary += gridControl_CustomSummary;

}

#endregion

#region 그리드 컨트롤 커스텀 요약 처리하기 - gridControl_CustomSummary(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 요약 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void gridControl_CustomSummary(object sender, CustomSummaryEventArgs e)

{

if(e.SummaryProcess == CustomSummaryProcess.Start)

{

e.TotalValue = 0m;

}

if(e.SummaryProcess == CustomSummaryProcess.Calculate)

{

if((bool)e.GetValue("Selected"))

{

e.TotalValue = Convert.ToDecimal(e.TotalValue) + Convert.ToDecimal(e.GetValue("UnitPrice"));

}

#endregion

#region 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기 - gridControl_CustomUnboundColumnData(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 언바운드 컬럼 데이터 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void gridControl_CustomUnboundColumnData(object sender, GridColumnDataEventArgs e)

{

if(e.Column.FieldName == "Selected")

{

if(e.IsGetData)

{

e.Value = this.unboundDataList[e.ListSourceRowIndex];

}

if(e.IsSetData)

{

this.unboundDataList[e.ListSourceRowIndex] = (bool)e.Value;

}

#endregion

#region 테이블 뷰 마우스 더블 클릭시 처리하기 - tableView_MouseDoubleClick(sender, e)

/// <summary>

/// 테이블 뷰 마우스 더블 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void tableView_MouseDoubleClick(object sender, MouseButtonEventArgs e)

{

int rowHandle = this.gridControl.View.GetRowHandleByMouseEventArgs(e);

if(this.gridControl.IsValidRowHandle(rowHandle))

{

this.gridControl.SetCellValue(rowHandle, "Selected", !(bool)this.gridControl.GetCellValue(rowHandle, "Selected"));

this.gridControl.RefreshData();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 언바운드 데이터 소스 설정하기 - SetUnboundDataSource(count)

/// <summary>

/// 언바운드 데이터 소스 설정하기

/// </summary>

/// <param name="count">카운트</param>

private void SetUnboundDataSource(int count)

{

for(int i = 0; i < count; i++)

{

this.unboundDataList.Add(false);

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 커스텀 로직에 근거한 템플리트 선택하기

■ 커스텀 로직에 근거한 템플리트를 선택하는 방법을 보여준다. ▶ RowDataTemplateSelector.cs


using System.Windows;
using System.Windows.Controls;

using DevExpress.Xpf.Grid;

namespace TestProject
{
    /// <summary>
    /// 행 데이터 템플리트 선택자
    /// </summary>
    public class RowDataTemplateSelector : DataTemplateSelector
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 템플리트 선택하기 - SelectTemplate(item, dependencyObject)

        /// <summary>
        /// 템플리트 선택하기
        /// </summary>
        /// <param name="item">항목</param>
        /// <param name="dependencyObject">종속 객체</param>
        /// <returns>데이터 템플리트</returns>
        public override DataTemplate SelectTemplate(object item, DependencyObject dependencyObject)
        {
            RowData          rowData                   = item             as RowData;
            FrameworkElement containerFrameworkElement = dependencyObject as FrameworkElement;

            if(rowData != null && containerFrameworkElement != null)
            {
                return rowData.EvenRow ? containerFrameworkElement.FindResource("EvenRowDataTemplateKey") as DataTemplate :
                    containerFrameworkElement.FindResource("OddRowDataTemplateKey") as DataTemplate;
            }

            return base.SelectTemplate(item, dependencyObject);
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using DevExpress.Xpf.Grid;

namespace TestProject

{

/// <summary>

/// 행 데이터 템플리트 선택자

/// </summary>

public class RowDataTemplateSelector : DataTemplateSelector

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

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

#region 템플리트 선택하기 - SelectTemplate(item, dependencyObject)

/// <summary>

/// 템플리트 선택하기

/// </summary>

/// <param name="item">항목</param>

/// <param name="dependencyObject">종속 객체</param>

/// <returns>데이터 템플리트</returns>

public override DataTemplate SelectTemplate(object item, DependencyObject dependencyObject)

{

RowData rowData = item as RowData;

FrameworkElement containerFrameworkElement = dependencyObject as FrameworkElement;

if(rowData != null && containerFrameworkElement != null)

{

return rowData.EvenRow ? containerFrameworkElement.FindResource("EvenRowDataTemplateKey") as DataTemplate :

containerFrameworkElement.FindResource("OddRowDataTemplateKey") as DataTemplate;

}

return base.SelectTemplate(item, dependencyObject);

}

#endregion

}

▶ 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:local="clr-namespace:TestProject"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 커스텀 로직에 근거한 템플리트 선택하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <local:RowDataTemplateSelector x:Key="RowDataTemplateSelectorKey" />
        <DataTemplate x:Key="EvenRowDataTemplateKey">
            <Border
                Margin="3"
                CornerRadius="5"
                Background="Blue">
                <TextBlock
                    Margin="5"
                    Foreground="White"
                    Text="{Binding DataContext.IssueName}" />
            </Border>
        </DataTemplate>
        <DataTemplate x:Key="OddRowDataTemplateKey">
            <Border
                Margin="3"
                CornerRadius="5"
                Background="Orange">
                <TextBlock
                    Margin="5"
                    Foreground="White"
                    Text="{Binding DataContext.IssueName}" />
            </Border>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            AutoGenerateColumns="AddNew">
            <dxg:GridControl.View>
                <dxg:TableView
                    ShowIndicator="False"
                    ShowGroupPanel="False"
                    ShowColumnHeaders="False"
                    ShowHorizontalLines="False"
                    DataRowTemplateSelector="{StaticResource RowDataTemplateSelectorKey}" />
            </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:local="clr-namespace:TestProject"

xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

Width="800"

Height="600"

Title="GridControl 클래스 : 커스텀 로직에 근거한 템플리트 선택하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<local:RowDataTemplateSelector x:Key="RowDataTemplateSelectorKey" />

<Border

Margin="3"

CornerRadius="5"

Background="Blue">

<TextBlock

Margin="5"

Foreground="White"

Text="{Binding DataContext.IssueName}" />

</Border>

</DataTemplate>

<Border

Margin="3"

CornerRadius="5"

Background="Orange">

<TextBlock

Margin="5"

Foreground="White"

Text="{Binding DataContext.IssueName}" />

</Border>

</DataTemplate>

</Window.Resources>

<Grid>

<dxg:GridControl x:Name="gridControl"

AutoGenerateColumns="AddNew">

<dxg:GridControl.View>

<dxg:TableView

ShowIndicator="False"

ShowGroupPanel="False"

ShowColumnHeaders="False"

ShowHorizontalLines="False"

DataRowTemplateSelector="{StaticResource RowDataTemplateSelectorKey}" />

</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 = new IssueList().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 = new IssueList().GetData();

}

#endregion

}

TestProject.zip

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 조건부 스타일 적용하기

■ GridControl 클래스에서 조건부 스타일을 적용하는 방법을 보여준다. ▶ IntegerToLinearGradientBrushValueConverter.cs


using System;
using System.Globalization;
using System.Windows.Data;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 정수→선형 그라디언트 브러시 값 변환자
    /// </summary>
    public class IntegerToLinearGradientBrushValueConverter : IValueConverter
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - IntegerToLinearGradientBrushValueConverter()

        /// <summary>
        /// 생성자
        /// </summary>
        public IntegerToLinearGradientBrushValueConverter()
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 변환하기 - Convert(value, targetType, parameter, cultureInfo)

        /// <summary>
        /// 변환하기
        /// </summary>
        /// <param name="value">값</param>
        /// <param name="targetType">타겟 타입</param>
        /// <param name="parameter">매개 변수</param>
        /// <param name="cultureInfo">CultureInfo 객체</param>
        /// <returns>변환 값</returns>
        public object Convert(object value, Type targetType, object parameter, CultureInfo cultureInfo)
        {
            if(value == null)
            {
                return Brushes.Transparent;
            }

            if(value.GetType() != typeof(int))
            {
                return Brushes.Transparent;
            }

            if(value == null || (int)value >= 20)
            {
                return Brushes.White;
            }

            return new LinearGradientBrush(Color.FromArgb(100, 255, 0, 0), Color.FromArgb(0, 255, 0, 0), 0);
        }

        #endregion
        #region 역변환하기 - ConvertBack(value, targetType, parameter, cultureInfo)

        /// <summary>
        /// 역변환하기
        /// </summary>
        /// <param name="value">값</param>
        /// <param name="targetType">타겟 타입</param>
        /// <param name="parameter">매개 변수</param>
        /// <param name="cultureInfo">CultureInfo 객체</param>
        /// <returns>역변환 값</returns>
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo cultureInfo)
        {
            throw new NotImplementedException();
        }

        #endregion
    }
}

using System;

using System.Globalization;

using System.Windows.Data;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 정수→선형 그라디언트 브러시 값 변환자

/// </summary>

public class IntegerToLinearGradientBrushValueConverter : IValueConverter

{

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

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

#region 생성자 - IntegerToLinearGradientBrushValueConverter()

/// <summary>

/// 생성자

/// </summary>

public IntegerToLinearGradientBrushValueConverter()

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

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

#region 변환하기 - Convert(value, targetType, parameter, cultureInfo)

/// <summary>

/// 변환하기

/// </summary>

/// <param name="value">값</param>

/// <param name="targetType">타겟 타입</param>

/// <param name="parameter">매개 변수</param>

/// <param name="cultureInfo">CultureInfo 객체</param>

/// <returns>변환 값</returns>

public object Convert(object value, Type targetType, object parameter, CultureInfo cultureInfo)

{

if(value == null)

{

return Brushes.Transparent;

}

if(value.GetType() != typeof(int))

{

return Brushes.Transparent;

}

if(value == null || (int)value >= 20)

{

return Brushes.White;

}

return new LinearGradientBrush(Color.FromArgb(100, 255, 0, 0), Color.FromArgb(0, 255, 0, 0), 0);

}

#endregion

#region 역변환하기 - ConvertBack(value, targetType, parameter, cultureInfo)

/// <summary>

/// 역변환하기

/// </summary>

/// <param name="value">값</param>

/// <param name="targetType">타겟 타입</param>

/// <param name="parameter">매개 변수</param>

/// <param name="cultureInfo">CultureInfo 객체</param>

/// <returns>역변환 값</returns>

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo cultureInfo)

{

throw new NotImplementedException();

}

#endregion

}

▶ 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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:dxgt="http://schemas.devexpress.com/winfx/2008/xaml/grid/themekeys"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="GridControl 클래스 : 조건부 스타일 적용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.Resources>
            <local:IntegerToLinearGradientBrushValueConverter x:Key="IntegerToLinearGradientBrushValueConverterKey" />
            <Style x:Key="CellStyleKey"
                BasedOn="{StaticResource {dxgt:GridRowThemeKey ResourceKey=CellStyle}}"
                TargetType="dxg:CellContentPresenter">
                <Setter
                    Property="Background"
                    Value="{Binding Path=RowData.Row.OrderUnit, Converter={StaticResource IntegerToLinearGradientBrushValueConverterKey}}" />
            </Style>
        </Grid.Resources>
        <dxg:GridControl x:Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn
                    FieldName="ProductName"
                    Header="Product"
                    CellStyle="{StaticResource CellStyleKey}" />
                <dxg:GridColumn
                    FieldName="UnitPrice"
                    Header="Unit Price" />
                <dxg:GridColumn
                    FieldName="OrderUnit"
                    Header="Units On Order" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView />
            </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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:dxgt="http://schemas.devexpress.com/winfx/2008/xaml/grid/themekeys"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="GridControl 클래스 : 조건부 스타일 적용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.Resources>

<local:IntegerToLinearGradientBrushValueConverter x:Key="IntegerToLinearGradientBrushValueConverterKey" />

<Style x:Key="CellStyleKey"

BasedOn="{StaticResource {dxgt:GridRowThemeKey ResourceKey=CellStyle}}"

TargetType="dxg:CellContentPresenter">

<Setter

Property="Background"

Value="{Binding Path=RowData.Row.OrderUnit, Converter={StaticResource IntegerToLinearGradientBrushValueConverterKey}}" />

</Style>

</Grid.Resources>

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

<dxg:GridControl.Columns>

<dxg:GridColumn

FieldName="ProductName"

Header="Product"

CellStyle="{StaticResource CellStyleKey}" />

<dxg:GridColumn

FieldName="UnitPrice"

Header="Unit Price" />

<dxg:GridColumn

FieldName="OrderUnit"

Header="Units On Order" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView />

</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 = new 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 = new ProductList().GetData();

}

#endregion

}

TestProject.zip