GRID Archives - 18 중 18 번째 페이지

[C#/WPF/DEVEXPRESS] GridControl 클래스 : CustomColumnGroup 이벤트를 사용하여 커스텀 컬럼 그룹 처리하기

■ GridControl 클래스의 CustomColumnGroup 이벤트를 사용하여 커스텀 컬럼 그룹을 처리하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <dxg:GridControl x:Name="gridControl"
        CustomColumnGroup="gridControl_CustomColumnGroup"
        CustomGroupDisplayText="gridControl_CustomGroupDisplayText">
        <dxg:GridControl.Columns>
            <dxg:GridColumn FieldName="ProductName"  />
            <dxg:GridColumn FieldName="UnitsInStock" />
            <dxg:GridColumn FieldName="UnitsOnOrder" />
            <dxg:GridColumn
                FieldName="UnitPrice"
                SortMode="Custom">
                <dxg:GridColumn.EditSettings>
                    <dxe:SpinEditSettings DisplayFormat="c2" />
                </dxg:GridColumn.EditSettings>
            </dxg:GridColumn>
        </dxg:GridControl.Columns>
        <dxg:GridControl.View>
            <dxg:TableView />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<Grid

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

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

<dxg:GridControl x:Name="gridControl"

CustomColumnGroup="gridControl_CustomColumnGroup"

CustomGroupDisplayText="gridControl_CustomGroupDisplayText">

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductName" />

<dxg:GridColumn FieldName="UnitsInStock" />

<dxg:GridColumn FieldName="UnitsOnOrder" />

<dxg:GridColumn

FieldName="UnitPrice"

SortMode="Custom">

<dxg:GridColumn.EditSettings>

<dxe:SpinEditSettings DisplayFormat="c2" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

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

this.gridControl.Columns["UnitPrice"].GroupIndex = 0;

...

#region 그리드 컨트롤 커스텀 컬럼 그룹 처리하기 - gridControl_CustomColumnGroup(sender, e)

/// <summary>
/// 그리드 컨트롤 커스텀 컬럼 그룹 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void gridControl_CustomColumnGroup(object sender, CustomColumnSortEventArgs e)
{
    if(e.Column.FieldName == "UnitPrice")
    {
        double value1        = Math.Floor(Convert.ToDouble(e.Value1) / 10);
        double value2        = Math.Floor(Convert.ToDouble(e.Value2) / 10);
        int    compareResult = Comparer.Default.Compare(value1, value2);

        if(value1 > 9 && value2 > 9)
        {
            compareResult = 0;
        }

        e.Result  = compareResult;
        e.Handled = true;
    }
}

#endregion

#region 그리드 컨트롤 커스텀 그룹 표시 텍스트 처리하기 - gridControl_CustomGroupDisplayText(sender, e)

/// <summary>
/// 그리드 컨트롤 커스텀 그룹 표시 텍스트 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void gridControl_CustomGroupDisplayText(object sender, CustomGroupDisplayTextEventArgs e)
{
    if(e.Column.FieldName != "UnitPrice")
    {
        return;
    }

    int groupLevel = this.gridControl.GetRowLevelByRowHandle(e.RowHandle);

    if(groupLevel != e.Column.GroupIndex)
    {
        return;
    }

    string interval = GetIntervalString(e.Value);

    e.DisplayText = interval;
}

#endregion

#region 간격 문자열 구하기 - GetIntervalString(value)

/// <summary>
/// 간격 문자열 구하기
/// </summary>
/// <param name="value">값</param>
/// <returns>간격 문자열</returns>
private string GetIntervalString(object value)
{
    double valueDouble = Math.Floor(Convert.ToDouble(value) / 10);

    string interval = string.Format("{0:c} - {1:c} ", valueDouble * 10, (valueDouble + 1) * 10);

    if(valueDouble > 9)
    {
        interval = string.Format(">= {0:c} ", 100);
    }

    return interval;
}

#endregion

using DevExpress.Xpf.Grid;

...

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

this.gridControl.Columns["UnitPrice"].GroupIndex = 0;

...

#region 그리드 컨트롤 커스텀 컬럼 그룹 처리하기 - gridControl_CustomColumnGroup(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 컬럼 그룹 처리하기

/// </summary>

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

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

private void gridControl_CustomColumnGroup(object sender, CustomColumnSortEventArgs e)

{

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

{

double value1 = Math.Floor(Convert.ToDouble(e.Value1) / 10);

double value2 = Math.Floor(Convert.ToDouble(e.Value2) / 10);

int compareResult = Comparer.Default.Compare(value1, value2);

if(value1 > 9 && value2 > 9)

{

compareResult = 0;

}

e.Result = compareResult;

e.Handled = true;

}

#endregion

#region 그리드 컨트롤 커스텀 그룹 표시 텍스트 처리하기 - gridControl_CustomGroupDisplayText(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 그룹 표시 텍스트 처리하기

/// </summary>

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

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

private void gridControl_CustomGroupDisplayText(object sender, CustomGroupDisplayTextEventArgs e)

{

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

{

return;

}

int groupLevel = this.gridControl.GetRowLevelByRowHandle(e.RowHandle);

if(groupLevel != e.Column.GroupIndex)

{

return;

}

string interval = GetIntervalString(e.Value);

e.DisplayText = interval;

}

#endregion

#region 간격 문자열 구하기 - GetIntervalString(value)

/// <summary>

/// 간격 문자열 구하기

/// </summary>

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

/// <returns>간격 문자열</returns>

private string GetIntervalString(object value)

{

double valueDouble = Math.Floor(Convert.ToDouble(value) / 10);

string interval = string.Format("{0:c} - {1:c} ", valueDouble * 10, (valueDouble + 1) * 10);

if(valueDouble > 9)

{

interval = string.Format(">= {0:c} ", 100);

}

return interval;

}

#endregion

[C#/WPF/DEVEXPRESS] GridControl 클래스 : CustomColumnSort 이벤트를 사용하여 커스텀 컬럼 정렬하기

■ GridControl 클래스의 CustomColumnSort 이벤트를 사용하여 커스텀 컬럼을 정렬하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Window
    x:Class="HowToImplementCustomSorting.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="600"
    Height="450"
    Title="Implement Custom Sorting"
    Loaded="Window_Loaded">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"  />
        </Grid.RowDefinitions>
        <CheckBox
            Grid.Row="0"
            Margin="10"
            FontFamily="바탕체"
            FontSize="14"
            VerticalAlignment="Center"
            HorizontalAlignment="Center"
            Content="Custom Sort"
            Checked="_pCheckBox_Checked"
            Unchecked="_pCheckBox_Unchecked" />
        <dxg:GridControl x:Name="gridControl"
            Grid.Row="1"
            CustomColumnSort="gridControl_CustomColumnSort">
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView"
                    ShowGroupPanel="False"
                    NavigationStyle="None" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </Grid>
</Window>

<Window

x:Class="HowToImplementCustomSorting.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="600"

Height="450"

Title="Implement Custom Sorting"

Loaded="Window_Loaded">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<CheckBox

Grid.Row="0"

Margin="10"

FontFamily="바탕체"

FontSize="14"

VerticalAlignment="Center"

HorizontalAlignment="Center"

Content="Custom Sort"

Checked="_pCheckBox_Checked"

Unchecked="_pCheckBox_Unchecked" />

<dxg:GridControl x:Name="gridControl"

Grid.Row="1"

CustomColumnSort="gridControl_CustomColumnSort">

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView"

ShowGroupPanel="False"

NavigationStyle="None" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶ 예제 코드 (C#)


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

using DevExpress.Xpf.Grid;
using DevExpress.XtraGrid;

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

/// <summary>
/// 윈도우 로드시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void Window_Loaded(object sender, RoutedEventArgs e)
{
    string[] monthArray = new string[]
    {
        "January", "February", "March"    ,
        "April"  , "May"     , "June"     ,
        "July"   , "August"  , "September",
        "October", "November", "December"
    };

    this.gridControl.ItemsSource = monthArray;

    this.gridControl.PopulateColumns();

    this.gridControl.SortBy(this.gridControl.Columns[0]);
}

#endregion

#region 체크 박스 체크시 처리하기 - checkBox_Checked(sender, e)

/// <summary>
/// 체크 박스 체크시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void checkBox_Checked(object sender, RoutedEventArgs e)
{
    this.gridControl.Columns[0].SortMode = ColumnSortMode.Custom;

    this.gridControl.SortBy(this.gridControl.Columns[0]);
}

#endregion

#region 체크 박스 체크시 처리하기 - checkBox_Checked(sender, e)

/// <summary>
/// 체크 박스 체크시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void checkBox_Unchecked(object pSender, RoutedEventArgs e)
{
    this.gridControl.Columns[0].SortMode = ColumnSortMode.Default;

    this.gridControl.SortBy(this.gridControl.Columns[0]);
}

#endregion

#region 그리드 컨트롤 커스텀 컬럼 정렬시 처리하기 - gridControl_CustomColumnSort(sender, e)

/// <summary>
/// 그리드 컨트롤 커스텀 컬럼 정렬시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void gridControl_CustomColumnSort(object sender, CustomColumnSortEventArgs e)
{
    e.Result = Comparer<int>.Default.Compare
    (
        e.ListSourceRowIndex1,
        e.ListSourceRowIndex2
    );

    e.Handled = true;
}

#endregion

using System.Windows;

using System.Collections.Generic;

using DevExpress.Xpf.Grid;

using DevExpress.XtraGrid;

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

/// <summary>

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

/// </summary>

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

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

private void Window_Loaded(object sender, RoutedEventArgs e)

{

string[] monthArray = new string[]

{

"January", "February", "March" ,

"April" , "May" , "June" ,

"July" , "August" , "September",

"October", "November", "December"

};

this.gridControl.ItemsSource = monthArray;

this.gridControl.PopulateColumns();

this.gridControl.SortBy(this.gridControl.Columns[0]);

}

#endregion

#region 체크 박스 체크시 처리하기 - checkBox_Checked(sender, e)

/// <summary>

/// 체크 박스 체크시 처리하기

/// </summary>

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

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

private void checkBox_Checked(object sender, RoutedEventArgs e)

{

this.gridControl.Columns[0].SortMode = ColumnSortMode.Custom;

this.gridControl.SortBy(this.gridControl.Columns[0]);

}

#endregion

#region 체크 박스 체크시 처리하기 - checkBox_Checked(sender, e)

/// <summary>

/// 체크 박스 체크시 처리하기

/// </summary>

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

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

private void checkBox_Unchecked(object pSender, RoutedEventArgs e)

{

this.gridControl.Columns[0].SortMode = ColumnSortMode.Default;

this.gridControl.SortBy(this.gridControl.Columns[0]);

}

#endregion

#region 그리드 컨트롤 커스텀 컬럼 정렬시 처리하기 - gridControl_CustomColumnSort(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 컬럼 정렬시 처리하기

/// </summary>

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

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

private void gridControl_CustomColumnSort(object sender, CustomColumnSortEventArgs e)

{

e.Result = Comparer<int>.Default.Compare

(

e.ListSourceRowIndex1,

e.ListSourceRowIndex2

);

e.Handled = true;

}

#endregion

[C#/WPF/DEVEXPRESS] GridControl 클래스 : CustomRowFilter 이벤트를 사용하여 커스텀 행 필터 처리하기

■ GridControl 클래스의 CustomRowFilter 이벤트를 사용하여 커스텀 행 필터를 처리하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*"    />
    </Grid.RowDefinitions>
    <StackPanel
        Grid.Row="0"
        Margin="0 10 0 10"
        Orientation="Horizontal">
        <CheckBox x:Name="hideEvenRowCheckBox"
            Margin="10 0 10 0"
            VerticalAlignment="Center"
            Content="Hide Even Row"
            Checked="checkBox_Checked"
            Unchecked="checkBox_Checked" />
        <CheckBox x:Name="hideOddRowCheckBox"
            VerticalAlignment="Center"
            Content="Hide Odd Row"
            Checked="checkBox_Checked"
            Unchecked="checkBox_Checked" />
    </StackPanel>
    <dxg:GridControl x:Name="gridControl"
        Grid.Row="1"
        AutoGenerateColumns="AddNew"
        CustomRowFilter="gridControl_CustomRowFilter">
        <dxg:GridControl.View>
            <dxg:TableView x:Name="tableView"
                AutoWidth="True"
                ShowGroupPanel="False"
                NavigationStyle="None" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<StackPanel

Grid.Row="0"

Margin="0 10 0 10"

Orientation="Horizontal">

<CheckBox x:Name="hideEvenRowCheckBox"

Margin="10 0 10 0"

VerticalAlignment="Center"

Content="Hide Even Row"

Checked="checkBox_Checked"

Unchecked="checkBox_Checked" />

<CheckBox x:Name="hideOddRowCheckBox"

VerticalAlignment="Center"

Content="Hide Odd Row"

Checked="checkBox_Checked"

Unchecked="checkBox_Checked" />

</StackPanel>

<dxg:GridControl x:Name="gridControl"

Grid.Row="1"

AutoGenerateColumns="AddNew"

CustomRowFilter="gridControl_CustomRowFilter">

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView"

AutoWidth="True"

ShowGroupPanel="False"

NavigationStyle="None" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

▶ 예제 코드 (C#)


using System.Windows;
using DevExpress.Xpf.Grid;

...

this.gridControl.ItemsSource = new object[] { "A", "B", "C", "D", "E", "F", "G", "H" };

...

#region 그리드 컨트롤 커스텀 행 필터 처리하기 - gridControl_CustomRowFilter(sender, e)

/// <summary>
/// 그리드 컨트롤 커스텀 행 필터 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void gridControl_CustomRowFilter(object sender, RowFilterEventArgs e)
{
    if(this.hideOddRowCheckBox.IsChecked.Value && e.ListSourceRowIndex % 2 == 1)
    {
        e.Visible = false;
    }

    if(this.hideEvenRowCheckBox.IsChecked.Value && e.ListSourceRowIndex % 2 == 0)
    {
        e.Visible = false;
    }

    e.Handled = !e.Visible ? true : false;
}

#endregion

#region 체크 박스 체크시 처리하기 - checkBox_Checked(sender, e)

/// <summary>
/// 체크 박스 체크시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void _pCheckBox_Checked(object pSender, RoutedEventArgs e)
{
    this.gridControl.RefreshData();
}

#endregion

using System.Windows;

using DevExpress.Xpf.Grid;

...

this.gridControl.ItemsSource = new object[] { "A", "B", "C", "D", "E", "F", "G", "H" };

...

#region 그리드 컨트롤 커스텀 행 필터 처리하기 - gridControl_CustomRowFilter(sender, e)

/// <summary>

/// 그리드 컨트롤 커스텀 행 필터 처리하기

/// </summary>

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

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

private void gridControl_CustomRowFilter(object sender, RowFilterEventArgs e)

{

if(this.hideOddRowCheckBox.IsChecked.Value && e.ListSourceRowIndex % 2 == 1)

{

e.Visible = false;

}

if(this.hideEvenRowCheckBox.IsChecked.Value && e.ListSourceRowIndex % 2 == 0)

{

e.Visible = false;

}

e.Handled = !e.Visible ? true : false;

}

#endregion

#region 체크 박스 체크시 처리하기 - checkBox_Checked(sender, e)

/// <summary>

/// 체크 박스 체크시 처리하기

/// </summary>

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

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

private void _pCheckBox_Checked(object pSender, RoutedEventArgs e)

{

this.gridControl.RefreshData();

}

#endregion

[C#/WPF/DEVEXPRESS] GridControl 클래스 : CustomUnboundColumnData 이벤트를 사용해 언바운드 컬럼 데이터 커스텀 설정하기

■ GridControl 클래스의 CustomUnboundColumnData 이벤트를 사용해 언바운드 컬럼 데이터를 커스텀 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;

using DevExpress.Xpf.Grid;

...

#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 == "Total")
    {
        int    unitPrice = Convert.ToInt32 (this.gridControl.GetCellValueByListIndex(e.ListSourceRowIndex, "UnitPrice"));
        double orderUnit = Convert.ToDouble(this.gridControl.GetCellValueByListIndex(e.ListSourceRowIndex, "OrderUnit"));

        e.Value = unitPrice * orderUnit;
    }
}

#endregion

using System;

using DevExpress.Xpf.Grid;

...

#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 == "Total")

{

int unitPrice = Convert.ToInt32 (this.gridControl.GetCellValueByListIndex(e.ListSourceRowIndex, "UnitPrice"));

double orderUnit = Convert.ToDouble(this.gridControl.GetCellValueByListIndex(e.ListSourceRowIndex, "OrderUnit"));

e.Value = unitPrice * orderUnit;

}

#endregion

[C#/WPF/DEVEXPRESS] BandBase 클래스 : GridRow 첨부 속성을 사용해 컬럼 행 위치 설정하기

■ BandBase 클래스의 GridRow 첨부 속성을 사용해 컬럼 행 위치를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <dxg:GridControl x:Name="gridControl"
        AutoGenerateColumns="None">
        <dxg:GridControl.Bands>
            <dxg:GridControlBand
                HorizontalHeaderContentAlignment="Center"
                Header="A"
                VisibleIndex="0">
                <dxg:GridControlBand.Columns>
                    <dxg:GridColumn FieldName="ProductID"   dxg:BandBase.GridRow="0" />
                    <dxg:GridColumn FieldName="ProductName" dxg:BandBase.GridRow="1" />
                </dxg:GridControlBand.Columns>
            </dxg:GridControlBand>
            <dxg:GridControlBand
                HorizontalHeaderContentAlignment="Center"
                Header="B"
                VisibleIndex="1">
                <dxg:GridControlBand.Bands>
                    <dxg:GridControlBand
                        HorizontalHeaderContentAlignment="Center"
                        Header="C">
                        <dxg:GridControlBand.Columns>
                            <dxg:GridColumn FieldName="UnitPrice"       />
                            <dxg:GridColumn FieldName="QuantityPerUnit" />
                        </dxg:GridControlBand.Columns>
                    </dxg:GridControlBand>
                    <dxg:GridControlBand
                        HorizontalHeaderContentAlignment="Center"
                        Header="D">
                        <dxg:GridControlBand.Columns>
                            <dxg:GridColumn FieldName="SupplierID"   />
                            <dxg:GridColumn FieldName="UnitsOnOrder" />
                        </dxg:GridControlBand.Columns>
                    </dxg:GridControlBand>
                </dxg:GridControlBand.Bands>
            </dxg:GridControlBand>
        </dxg:GridControl.Bands>
        <dxg:GridControl.View>
            <dxg:TableView x:Name="tableView"
                ShowGroupPanel="False"
                AllowGrouping="False"
                AutoWidth="False"
                NavigationStyle="Cell" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<dxg:GridControl x:Name="gridControl"

AutoGenerateColumns="None">

<dxg:GridControl.Bands>

<dxg:GridControlBand

HorizontalHeaderContentAlignment="Center"

Header="A"

VisibleIndex="0">

<dxg:GridControlBand.Columns>

<dxg:GridColumn FieldName="ProductID" dxg:BandBase.GridRow="0" />

<dxg:GridColumn FieldName="ProductName" dxg:BandBase.GridRow="1" />

</dxg:GridControlBand.Columns>

</dxg:GridControlBand>

<dxg:GridControlBand

HorizontalHeaderContentAlignment="Center"

Header="B"

VisibleIndex="1">

<dxg:GridControlBand.Bands>

<dxg:GridControlBand

HorizontalHeaderContentAlignment="Center"

Header="C">

<dxg:GridControlBand.Columns>

<dxg:GridColumn FieldName="UnitPrice" />

<dxg:GridColumn FieldName="QuantityPerUnit" />

</dxg:GridControlBand.Columns>

</dxg:GridControlBand>

<dxg:GridControlBand

HorizontalHeaderContentAlignment="Center"

Header="D">

<dxg:GridControlBand.Columns>

<dxg:GridColumn FieldName="SupplierID" />

<dxg:GridColumn FieldName="UnitsOnOrder" />

</dxg:GridControlBand.Columns>

</dxg:GridControlBand>

</dxg:GridControlBand.Bands>

</dxg:GridControlBand>

</dxg:GridControl.Bands>

<dxg:GridControl.View>

<dxg:TableView x:Name="tableView"

ShowGroupPanel="False"

AllowGrouping="False"

AutoWidth="False"

NavigationStyle="Cell" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

[C#/WPF/DEVEXPRESS] DataControlBase 클래스 : AutoGeneratedColumns 이벤트를 사용해 데이터 바인딩 시 모든 컬럼이 생성된 후 처리하기

■ DataControlBase 클래스의 AutoGeneratedColumns 이벤트를 사용해 데이터 바인딩 시 모든 컬럼이 생성된 후 처리하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Window
    x:Class="HowToCustomizeAutomaticallyGeneratedColumns.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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:local="clr-namespace:HowToCustomizeAutomaticallyGeneratedColumns"
    Title="Customize Automatically Generated Columns"
    Width="600"
    Height="450">
    <Window.Resources>
        <local:IssueTypeToSolidColorBrushValueConverter x:Key="IssueTypeToSolidColorBrushValueConverterKey" />
        <DataTemplate x:Key="IssueTypeDataTemplateKey">
            <dxe:TextEdit x:Name="PART_Editor"
                Foreground="{Binding Path=Value, Converter={StaticResource IssueTypeToSolidColorBrushValueConverterKey}}" />
        </DataTemplate>
    </Window.Resources>
    <Grid>
       <dxg:GridControl x:Name="gridControl"
        AutoGenerateColumns="AddNew"
        AutoGeneratedColumns="gridControl_AutoGeneratedColumns">
          <dxg:GridControl.View>
             <dxg:TableView Name="tableView"
                AutoWidth="True" />
          </dxg:GridControl.View>
       </dxg:GridControl>
    </Grid>
</Window>

<Window

x:Class="HowToCustomizeAutomaticallyGeneratedColumns.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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

xmlns:local="clr-namespace:HowToCustomizeAutomaticallyGeneratedColumns"

Title="Customize Automatically Generated Columns"

Width="600"

Height="450">

<Window.Resources>

<local:IssueTypeToSolidColorBrushValueConverter x:Key="IssueTypeToSolidColorBrushValueConverterKey" />

<dxe:TextEdit x:Name="PART_Editor"

Foreground="{Binding Path=Value, Converter={StaticResource IssueTypeToSolidColorBrushValueConverterKey}}" />

</DataTemplate>

</Window.Resources>

<Grid>

<dxg:GridControl x:Name="gridControl"

AutoGenerateColumns="AddNew"

AutoGeneratedColumns="gridControl_AutoGeneratedColumns">

<dxg:GridControl.View>

<dxg:TableView Name="tableView"

AutoWidth="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

▶

[C#/WPF/DEVEXPRESS] GridViewBase 클래스 : ShowingEditor 이벤트를 사용해 개별 셀 편집 방지하기

■ GridViewBase 클래스의 ShowingEditor 이벤트를 사용해 개별 셀 편집을 방지하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

/// <summary>
/// 그리드 컨트롤
/// </summary>
private GridControl gridControl = null;

/// <summary>
/// 테이블 뷰
/// </summary>
private TableView tableView = null;

...

this.tableView.ShowingEditor += tableView_ShowingEditor;

...

#region 테이블 뷰 에디터 표시할 경우 처리하기 - tableView_ShowingEditor(sender, e)

/// <summary>
/// 테이블 뷰 에디터 표시할 경우 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void tableView_ShowingEditor(object sender, ShowingEditorEventArgs e)
{
    if(e.Column.FieldName != "UnitPrice")
    {
        return;
    }

    e.Cancel = (bool)this.gridControl.GetCellValue(e.RowHandle, "Discontinued");
}

#endregion

using DevExpress.Xpf.Grid;

...

/// <summary>

/// 그리드 컨트롤

/// </summary>

private GridControl gridControl = null;

/// <summary>

/// 테이블 뷰

/// </summary>

private TableView tableView = null;

...

this.tableView.ShowingEditor += tableView_ShowingEditor;

...

#region 테이블 뷰 에디터 표시할 경우 처리하기 - tableView_ShowingEditor(sender, e)

/// <summary>

/// 테이블 뷰 에디터 표시할 경우 처리하기

/// </summary>

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

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

private void tableView_ShowingEditor(object sender, ShowingEditorEventArgs e)

{

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

{

return;

}

e.Cancel = (bool)this.gridControl.GetCellValue(e.RowHandle, "Discontinued");

}

#endregion

[C#/WPF/DEVEXPRESS] DataControlBase 클래스 : CurrentColumn 속성을 사용해 현재 컬럼 설정하기

■ DataControlBase 클래스의 CurrentColumn 속성을 사용해 현재 컬럼을 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

/// <summary>
/// 그리드 컨트롤
/// </summary>
private GridControl gridControl = null;

/// <summary>
/// 테이블 뷰
/// </summary>
private TableView tableView = null;

...

int rowHandle = this.tableView.FocusedRowHandle + 1;

...

if(this.gridControl.IsValidRowHandle(rowHandle))
{
    this.gridControl.CurrentColumn = this.gridControl.Columns["UnitPrice"];

    ...
}

...

using DevExpress.Xpf.Grid;

...

/// <summary>

/// 그리드 컨트롤

/// </summary>

private GridControl gridControl = null;

/// <summary>

/// 테이블 뷰

/// </summary>

private TableView tableView = null;

...

int rowHandle = this.tableView.FocusedRowHandle + 1;

...

if(this.gridControl.IsValidRowHandle(rowHandle))

{

this.gridControl.CurrentColumn = this.gridControl.Columns["UnitPrice"];

...

}

...

[C#/WPF/DEVEXPRESS] GridControl 클래스 : IsValidRowHandle 메소드를 사용해 행 핸들 정상 여부 구하기

■ GridControl 클래스의 IsValidRowHandle 메소드를 사용해 행 핸들 정상 여부를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

/// <summary>
/// 그리드 컨트롤
/// </summary>
private GridControl gridControl = null;

/// <summary>
/// 테이블 뷰
/// </summary>
private TableView tableView = null;

...

int rowHandle = this.tableView.FocusedRowHandle + 1;

...

if(this.gridControl.IsValidRowHandle(rowHandle))
{
    ...
}

...

using DevExpress.Xpf.Grid;

...

/// <summary>

/// 그리드 컨트롤

/// </summary>

private GridControl gridControl = null;

/// <summary>

/// 테이블 뷰

/// </summary>

private TableView tableView = null;

...

int rowHandle = this.tableView.FocusedRowHandle + 1;

...

if(this.gridControl.IsValidRowHandle(rowHandle))

{

...

}

...

[C#/WPF/DEVEXPRESS] GridControl 클래스 : GetCellValue 메소드를 사용해 셀 값 구하기

■ GridControl 클래스의 GetCellValue 메소드를 사용해 셀 값을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

/// <summary>
/// 그리드 컨트롤
/// </summary>
private GridControl gridControl = null;

/// <summary>
/// 테이블 뷰
/// </summary>
private TableView tableView = null;

...

double unitPrice = Convert.ToDouble(this.gridControl.GetCellValue(this.tableView.FocusedRowHandle, "UnitPrice"));

...

using DevExpress.Xpf.Grid;

...

/// <summary>

/// 그리드 컨트롤

/// </summary>

private GridControl gridControl = null;

/// <summary>

/// 테이블 뷰

/// </summary>

private TableView tableView = null;

...

double unitPrice = Convert.ToDouble(this.gridControl.GetCellValue(this.tableView.FocusedRowHandle, "UnitPrice"));

...

[C#/WPF/DEVEXPRESS] DataViewBase 클래스 : FocusedRowHandle 속성을 사용해 포커스 행 핸들 구하기

■ DataViewBase 클래스의 FocusedRowHandle 속성을 사용해 포커스 행 핸들을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

/// <summary>
/// 그리드 컨트롤
/// </summary>
private GridControl gridControl = null;

/// <summary>
/// 테이블 뷰
/// </summary>
private TableView tableView = null;

...

int rowHandle = this.tableView.FocusedRowHandle + 1;

...

using DevExpress.Xpf.Grid;

...

/// <summary>

/// 그리드 컨트롤

/// </summary>

private GridControl gridControl = null;

/// <summary>

/// 테이블 뷰

/// </summary>

private TableView tableView = null;

...

int rowHandle = this.tableView.FocusedRowHandle + 1;

...

[C#/WPF/DEVEXPRESS] GridColumn 엘리먼트 : CellTemplate 속성을 사용해 셀을 정의한 DataTemplate 설정하기

■ GridColumn 엘리먼트의 CellTemplate 속성을 사용해 셀을 정의한 DataTemplate를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    x:Class="HowToShowHyperlinksInGridCells.MainPage"
    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">
    <dxg:GridControl Name="_pGridControl">
        <dxg:GridControl.Columns>
            <dxg:GridColumn
                FieldName="Category"
                Width="200" />
            <dxg:GridColumn
                FieldName="Name"
                Width="200">
                <dxg:GridColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock>
                            <Hyperlink NavigateUri="{Binding Data.Hyperlink}">
                                <TextBlock Text="{Binding Data.Name}" />
                            </Hyperlink>
                        </TextBlock>
                    </DataTemplate>
                </dxg:GridColumn.CellTemplate>
            </dxg:GridColumn>
        </dxg:GridControl.Columns>
    </dxg:GridControl>
</Page>

<Page

x:Class="HowToShowHyperlinksInGridCells.MainPage"

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

<dxg:GridControl Name="_pGridControl">

<dxg:GridControl.Columns>

<dxg:GridColumn

FieldName="Category"

Width="200" />

<dxg:GridColumn

FieldName="Name"

Width="200">

<dxg:GridColumn.CellTemplate>

</Hyperlink>

</TextBlock>

</DataTemplate>

</dxg:GridColumn.CellTemplate>

</dxg:GridColumn>

</dxg:GridControl.Columns>

</dxg:GridControl>

</Page>

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

■ CardView 클래스를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

/// <summary>
/// 그리드 컨트롤
/// </summary>
private GridControl gridControl;

...

CardView cardView = new CardView()
{
    ShowColumnHeaders = false,
    AllowGrouping     = false,
    NavigationStyle   = GridViewNavigationStyle.Cell
};

...

this.gridControl.View = cardView;

using DevExpress.Xpf.Grid;

...

/// <summary>

/// 그리드 컨트롤

/// </summary>

private GridControl gridControl;

...

CardView cardView = new CardView()

{

ShowColumnHeaders = false,

AllowGrouping = false,

NavigationStyle = GridViewNavigationStyle.Cell

};

...

this.gridControl.View = cardView;

[C#/WPF/DEVEXPRESS] CardView 엘리먼트 사용하기

■ CardView 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <dxg:GridControl x:Name="gridControl"
        AutoPopulateColumns="True">
        <dxg:GridControl.View>
            <dxg:CardView
                ShowColumnHeaders="False"
                AllowGrouping="False"
                NavigationStyle="Cell" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<dxg:GridControl x:Name="gridControl"

AutoPopulateColumns="True">

<dxg:GridControl.View>

<dxg:CardView

ShowColumnHeaders="False"

AllowGrouping="False"

NavigationStyle="Cell" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

[C#/WPF/DEVEXPRESS] CardView 클래스 : CardHeaderDisplayMemberBinding 속성을 사용해 카드 헤더 컨텐트 바인딩 설정하기

■ CardView 클래스의 CardHeaderDisplayMemberBinding 속성을 사용해 카드 헤더 컨텐트를 바인딩 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <dxg:GridControl x:Name="gridControl">
        <dxg:GridControl.Columns>
            <dxg:GridColumn FieldName="UnitPrice"    />
            <dxg:GridColumn FieldName="UnitsOnOrder" />
            <dxg:GridColumn FieldName="Discontinued" />
        </dxg:GridControl.Columns>
        <dxg:GridControl.View>
            <dxg:CardView
                CardHeaderDisplayMemberBinding="{Binding Path=Data.ProductName, RelativeSource={RelativeSource Self}}"
                FixedSize="150" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

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

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="UnitPrice" />

<dxg:GridColumn FieldName="UnitsOnOrder" />

<dxg:GridColumn FieldName="Discontinued" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:CardView

CardHeaderDisplayMemberBinding="{Binding Path=Data.ProductName, RelativeSource={RelativeSource Self}}"

FixedSize="150" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

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

■ BaseColumn 클래스의 HeaderTemplate 속성을 컬럼 헤더를 정의하는 DataTemplate를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <Grid.Resources>
        <DataTemplate x:Key="ProductHeaderDataTemplateKey">
            <StackPanel Orientation="Horizontal">
                <Image
                    Stretch="None"
                    Source="Product.png" />
                <TextBlock
                    Margin="5 0 0 0"
                    Foreground="WhiteSmoke"
                    FontWeight="Bold"
                    Text="{Binding}" />
            </StackPanel>
        </DataTemplate>
    </Grid.Resources>
    <dxg:GridControl x:Name="gridControl">
        <dxg:GridControl.Columns>
            <dxg:GridColumn
                HeaderTemplate="{StaticResource ProductHeaderDataTemplateKey}"
                FieldName="ProductName">
                Product
            </dxg:GridColumn>
            <dxg:GridColumn FieldName="UnitPrice">
                Unit Price
            </dxg:GridColumn>
            <dxg:GridColumn FieldName="OrderUnit">
                Order Unit
            </dxg:GridColumn>
        </dxg:GridControl.Columns>
        <dxg:GridControl.View>
            <dxg:TableView AutoWidth="True" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<Grid.Resources>

<Image

Stretch="None"

Source="Product.png" />

<TextBlock

Margin="5 0 0 0"

Foreground="WhiteSmoke"

FontWeight="Bold"

Text="{Binding}" />

</StackPanel>

</DataTemplate>

</Grid.Resources>

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

<dxg:GridControl.Columns>

<dxg:GridColumn

HeaderTemplate="{StaticResource ProductHeaderDataTemplateKey}"

FieldName="ProductName">

Product

</dxg:GridColumn>

<dxg:GridColumn FieldName="UnitPrice">

Unit Price

</dxg:GridColumn>

<dxg:GridColumn FieldName="OrderUnit">

Order Unit

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView AutoWidth="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

[C#/WPF/DEVEXPRESS] GridColumn 엘리먼트 : EditSettings 속성을 사용해 SpinEditSettings 설정하기

■ SpinEditSettings 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <dxg:GridControl x:Name="gridControl">
        <dxg:GridControl.Columns>
            <dxg:GridColumn FieldName="ProductName">
                Product
            </dxg:GridColumn>
            <dxg:GridColumn FieldName="UnitPrice">
                Unit Price
                <dxg:GridColumn.EditSettings>
                    <dxe:SpinEditSettings
                        DisplayFormat="c2"
                        MinValue="1"
                        MaxValue="999" />
                </dxg:GridColumn.EditSettings>
            </dxg:GridColumn>
            <dxg:GridColumn FieldName="OrderUnit">
                Order Unit
            </dxg:GridColumn>
        </dxg:GridControl.Columns>
        <dxg:GridControl.View>
            <dxg:TableView AutoWidth="True" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<Grid

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

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

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

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductName">

Product

</dxg:GridColumn>

<dxg:GridColumn FieldName="UnitPrice">

Unit Price

<dxg:GridColumn.EditSettings>

<dxe:SpinEditSettings

DisplayFormat="c2"

MinValue="1"

MaxValue="999" />

</dxg:GridColumn.EditSettings>

</dxg:GridColumn>

<dxg:GridColumn FieldName="OrderUnit">

Order Unit

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView AutoWidth="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

[C#/WPF/DEVEXPRESS] GridControl 엘리먼트 사용하기

■ GridControl 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    <dxg:GridControl x:Name="gridControl">
        <dxg:GridControl.Columns>
            <dxg:GridColumn FieldName="ProductName">
                Product
            </dxg:GridColumn>
            <dxg:GridColumn FieldName="UnitPrice">
                Unit Price
            </dxg:GridColumn>
            <dxg:GridColumn FieldName="OrderUnit">
                Order Unit
            </dxg:GridColumn>
        </dxg:GridControl.Columns>
        <dxg:GridControl.View>
            <dxg:TableView AutoWidth="True" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

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

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductName">

Product

</dxg:GridColumn>

<dxg:GridColumn FieldName="UnitPrice">

Unit Price

</dxg:GridColumn>

<dxg:GridColumn FieldName="OrderUnit">

Order Unit

</dxg:GridColumn>

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView AutoWidth="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

[C#/WPF/DEVEXPRESS] DataViewBase 클래스 : MoveColumnTo 메소드를 사용해 컬럼 이동하기

■ DataViewBase 클래스의 MoveColumnTo 메소드를 사용해 컬럼을 이동하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Xpf.Grid;

...

/// <summary>
/// 그리드 컨트롤
/// </summary>
private GridControl gridControl = null;

/// <summary>
/// 테이블 뷰
/// </summary>
private TableView tableView = null;

...

GridColumn gridColumn = this.gridControl.View.ColumnChooserColumns[0] as GridColumn;

if(gridColumn != null)
{
    this.gridControl.View.MoveColumnTo
    (
        gridColumn,
        1,
        HeaderPresenterType.ColumnChooser,
        HeaderPresenterType.Headers
    );
}

...

using DevExpress.Xpf.Grid;

...

/// <summary>

/// 그리드 컨트롤

/// </summary>

private GridControl gridControl = null;

/// <summary>

/// 테이블 뷰

/// </summary>

private TableView tableView = null;

...

GridColumn gridColumn = this.gridControl.View.ColumnChooserColumns[0] as GridColumn;

if(gridColumn != null)

{

this.gridControl.View.MoveColumnTo

(

gridColumn,

HeaderPresenterType.ColumnChooser,

HeaderPresenterType.Headers

);

}

...

[C#/WPF/DEVEXPRESS] GridControl 엘리먼트 : ICollectionView 데이터 소스 바인딩 하기

■ GridControl 엘리먼트에서 ICollectionView 데이터 소스를 바인딩하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Collections.Generic;
using System.Windows.Data;
using System.ComponentModel;

/// <summary>
/// 뷰 모델
/// </summary>
public class ViewModel
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 컬렉션 뷰
    /// </summary>
    private ICollectionView collectionView;

    #endregion

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

    #region 컬렉션 뷰 - CollectionView

    /// <summary>
    /// 컬렉션 뷰
    /// </summary>
    public ICollectionView CollectionView
    {
        get
        {
            if(this.collectionView == null)
            {
                List<SampleData> list = new List<SampleData>();

                for(int i = 0; i < 100; i++)
                {
                    list.Add(new SampleData() { Number1 = i, Number2 = i * 10, Text1 = "row " + i, Text2 = "ROW " + i });
                }

                this.collectionView = new ListCollectionView(list);
            }

            return this.collectionView;
        }
    }

    #endregion
}

using System.Collections.Generic;

using System.Windows.Data;

using System.ComponentModel;

/// <summary>

/// 뷰 모델

/// </summary>

public class ViewModel

{

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

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

#region Field

/// <summary>

/// 컬렉션 뷰

/// </summary>

private ICollectionView collectionView;

#endregion

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

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

#region 컬렉션 뷰 - CollectionView

/// <summary>

/// 컬렉션 뷰

/// </summary>

public ICollectionView CollectionView

{

get

{

if(this.collectionView == null)

{

List<SampleData> list = new List<SampleData>();

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

{

list.Add(new SampleData() { Number1 = i, Number2 = i * 10, Text1 = "row " + i, Text2 = "ROW " + i });

}

this.collectionView = new ListCollectionView(list);

}

return this.collectionView;

}

#endregion

}

▶ 예제 코드 (XAML)


<Grid
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:HowToBindTheDXGridToICollectionView">
    <Grid.DataContext>
        <local:ViewModel />
    </Grid.DataContext>
    <dxg:GridControl x:Name="gridControl"
        ItemsSource="{Binding Path=CollectionView}"
        AutoGenerateColumns="AddNew">
        <dxg:GridControl.View>
            <dxg:TableView
                IsSynchronizedWithCurrentItem="True"
                ShowGroupPanel="False"
                AllowGrouping="False"
                AutoWidth="True"
                AllowEditing="False"
                ShowAutoFilterRow="True" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<Grid

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

xmlns:local="clr-namespace:HowToBindTheDXGridToICollectionView">

<Grid.DataContext>

<local:ViewModel />

</Grid.DataContext>

<dxg:GridControl x:Name="gridControl"

ItemsSource="{Binding Path=CollectionView}"

AutoGenerateColumns="AddNew">

<dxg:GridControl.View>

<dxg:TableView

IsSynchronizedWithCurrentItem="True"

ShowGroupPanel="False"

AllowGrouping="False"

AutoWidth="True"

AllowEditing="False"

ShowAutoFilterRow="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>