WPF & DevExpress GridControl Banded

 

 

xaml

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:WpfSample.DevTest" xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol" xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" xmlns:Serialization="clr-namespace:DevExpress.Xpf.LayoutControl.Serialization;assembly=DevExpress.Xpf.LayoutControl.v17.2" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" x:Class="WpfSample.DevTest.Grid02BandedView" mc:Ignorable="d" d:DesignHeight="700" d:DesignWidth="1200" Title="Grid02BandedView"> <StackPanel Margin="0,10,10,10"> <dxlc:LayoutControl HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Orientation="Vertical" > <dxlc:LayoutGroup Header="Button" View="GroupBox" HorizontalAlignment="Stretch" > <dx:SimpleButton x:Name="btnSearch" Content="Search" HorizontalAlignment="Left" Click="Button_Click" /> <dxe:CheckEdit x:Name="ceMerge" Content="Header Merge" IsChecked="True" Margin="0,0,0,4"/> </dxlc:LayoutGroup> </dxlc:LayoutControl> <dxlc:LayoutControl HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Orientation="Vertical"> <dxlc:LayoutGroup Header="Grid" View="GroupBox" HorizontalAlignment="Stretch" Height="500" > <dxg:GridControl x:Name="gcGrid" HorizontalAlignment="Stretch" dx:ScrollBarExtensions.ScrollBarMode="TouchOverlap" > <dxg:GridControl.Bands> <dxg:GridControlBand Header="" OverlayHeaderByChildren="{Binding IsChecked, ElementName=ceMerge}"> <dxg:GridColumn FieldName="CocktailNo" Header="CocktailNo" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center" > <dxg:GridColumn.EditSettings> <dxe:TextEditSettings HorizontalContentAlignment="Right"/> </dxg:GridColumn.EditSettings> </dxg:GridColumn> </dxg:GridControlBand> <dxg:GridControlBand Header="Cocktail" HorizontalHeaderContentAlignment="Center"> <dxg:GridControlBand.Bands> <dxg:GridControlBand Header="Name" HorizontalHeaderContentAlignment="Center"> <dxg:GridColumn FieldName="CocktailNmKR" Header="CocktailKR" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"/> <dxg:GridColumn FieldName="CocktailNmEn" Header="CocktailEn" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"/> </dxg:GridControlBand> <dxg:GridControlBand Header="CreateType" HorizontalHeaderContentAlignment="Center" OverlayHeaderByChildren="True" > <dxg:GridColumn FieldName="CreateType" Header="CreateType" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"> <dxg:GridColumn.EditSettings> <dxe:TextEditSettings HorizontalContentAlignment="Center"/> </dxg:GridColumn.EditSettings> </dxg:GridColumn> </dxg:GridControlBand> </dxg:GridControlBand.Bands> </dxg:GridControlBand> <dxg:GridControlBand Header="ETC" HorizontalHeaderContentAlignment="Center"> <dxg:GridColumn FieldName="Remark" Header="Remark" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"/> <dxg:GridColumn FieldName="CocktailURL" Header="CocktailURL" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"/> <dxg:GridColumn FieldName="CocktailScore" Header="CocktailScore" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"/> <dxg:GridColumn FieldName="Comment" Header="Comment" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"/> </dxg:GridControlBand> <dxg:GridControlBand Header="Create" HorizontalHeaderContentAlignment="Center"> <dxg:GridColumn FieldName="CreateUser" Header="User" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"> <dxg:GridColumn.EditSettings> <dxe:TextEditSettings HorizontalContentAlignment="Center"/> </dxg:GridColumn.EditSettings> </dxg:GridColumn> <dxg:GridColumn FieldName="CreateDate" Header="Date" Width="100" ReadOnly="true" HorizontalHeaderContentAlignment="Center"> <dxg:GridColumn.EditSettings> <dxe:TextEditSettings HorizontalContentAlignment="Center"/> </dxg:GridColumn.EditSettings> </dxg:GridColumn> </dxg:GridControlBand> </dxg:GridControl.Bands> <dxg:GridControl.View> <dxg:TableView AutoWidth="True" AllowScrollAnimation="True" AllowBandMultiRow="True" > <!-- ShowAutoFilterRow="False" AllowChangeBandParent="True" AllowChangeColumnParent="True" AllowPrintColumnHeaderImage="True" ShowColumnHeaders="true"--> <dxg:TableView.FormatConditions> </dxg:TableView.FormatConditions> </dxg:TableView> </dxg:GridControl.View> </dxg:GridControl> </dxlc:LayoutGroup> </dxlc:LayoutControl> </StackPanel> </Page>

 

cs

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; using BIZ.Common.Biz; namespace WpfSample.DevTest { /// <summary> /// Grid02BandedView.xaml에 대한 상호 작용 논리 /// </summary> public partial class Grid02BandedView : Page { public Grid02BandedView() { InitializeComponent(); } private void Button_Click(object sender, RoutedEventArgs e) { var data = (new CommonCodeBIZ()).Z_UP_COCKTAIL_LIST("dzl"); gcGrid.ItemsSource = data; } } }

 

 

1.multi-level band in a grid

2.align content in GridColumn cells

3.Overlay Header by Single Children

 

1.멀티헤더

2.헤더 머지

3.컬럼 좌우 정렬