[DEVEXPRESS/WPF] 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
}

 

728x90

 

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