[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="편집 셀 간 커스텀 네비게이션 구현하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="ProductName" />
                <dxg:GridColumn FieldName="Country"     />
                <dxg:GridColumn FieldName="City"        />
                <dxg:GridColumn FieldName="UnitPrice"   />
                <dxg:GridColumn FieldName="Quantity"    />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView>
                    <dxg:TableView.DataRowTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <dxg:GridCellContentPresenter
                                    FieldName="ProductName"
                                    Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"
                                    NavigationIndex="0" />
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                    </Grid.ColumnDefinitions>
                                    <dxg:GridCellContentPresenter
                                        FieldName="Country"
                                        Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"
                                        NavigationIndex="1" />
                                    <dxg:GridCellContentPresenter
                                        Grid.Column="1"
                                        FieldName="City"
                                        Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"
                                        NavigationIndex="2" />
                                </Grid>
                                <dxg:GridCellContentPresenter
                                    FieldName="UnitPrice"
                                    Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"
                                    NavigationIndex="3" />
                                <dxg:GridCellContentPresenter
                                    FieldName="Quantity"
                                    Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"
                                    NavigationIndex="4" />
                            </StackPanel>
                        </DataTemplate>
                    </dxg:TableView.DataRowTemplate>
                </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"

Width="800"

Height="600"

Title="편집 셀 간 커스텀 네비게이션 구현하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

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

<dxg:GridControl.Columns>

<dxg:GridColumn FieldName="ProductName" />

<dxg:GridColumn FieldName="Country" />

<dxg:GridColumn FieldName="City" />

<dxg:GridColumn FieldName="UnitPrice" />

<dxg:GridColumn FieldName="Quantity" />

</dxg:GridControl.Columns>

<dxg:GridControl.View>

<dxg:TableView>

<dxg:TableView.DataRowTemplate>

<dxg:GridCellContentPresenter

FieldName="ProductName"

Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"

NavigationIndex="0" />

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<dxg:GridCellContentPresenter

FieldName="Country"

Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"

NavigationIndex="1" />

<dxg:GridCellContentPresenter

Grid.Column="1"

FieldName="City"

Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"

NavigationIndex="2" />

</Grid>

<dxg:GridCellContentPresenter

FieldName="UnitPrice"

Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"

NavigationIndex="3" />

<dxg:GridCellContentPresenter

FieldName="Quantity"

Style="{Binding Path=(dxg:GridControl.ActiveView).CellStyle, RelativeSource={RelativeSource TemplatedParent}}"

NavigationIndex="4" />

</StackPanel>

</DataTemplate>

</dxg:TableView.DataRowTemplate>

</dxg:TableView>

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

</Window>

TestProject.zip

.NETFRAMEWORK C# CONTROL DEVEXPRESS GRID WPF

icodebroker

[C#/WPF/DEVEXPRESS] GridControl 클래스 : 편집 셀 간 커스텀 네비게이션 구현하기