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

icodebroker DEVEXPRESS 2024-06-19

■ DockLayoutManager 엘리먼트를 사용하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<Grid
    xmlns:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking"
    xmlns:local="clr-namespace:TabbedDocumentUIServiceApplication">
    <dxdo:DockLayoutManager>
        <dxdo:LayoutGroup Orientation="Vertical">
            <dxdo:LayoutPanel
                Caption="Navigation"
                ItemHeight="Auto">
                <local:MainView>
                    <dxm:Interaction.Behaviors>
                        <dxdo:TabbedDocumentUIService DocumentGroup="{Binding ElementName=documentGroup}" />
                    </dxm:Interaction.Behaviors>
                </local:MainView>
            </dxdo:LayoutPanel>
            <dxdo:DocumentGroup x:Name="documentGroup"
                Caption="Documents"
                ItemHeight="*" />
        </dxdo:LayoutGroup>
    </dxdo:DockLayoutManager>
</Grid>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<Grid

xmlns:dxm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"

xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking"

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

<dxdo:DockLayoutManager>

<dxdo:LayoutGroup Orientation="Vertical">

<dxdo:LayoutPanel

Caption="Navigation"

ItemHeight="Auto">

<local:MainView>

<dxm:Interaction.Behaviors>

<dxdo:TabbedDocumentUIService DocumentGroup="{Binding ElementName=documentGroup}" />

</dxm:Interaction.Behaviors>

</local:MainView>

</dxdo:LayoutPanel>

<dxdo:DocumentGroup x:Name="documentGroup"

Caption="Documents"

ItemHeight="*" />

</dxdo:LayoutGroup>

</dxdo:DockLayoutManager>

</Grid>

※ <local:MainView />는 UserControl을 상속 구현한 뷰를 가정한 것이다.

Post Views: 7

.NETFRAMEWORK C# CONTROL DEVEXPRESS DOCUMENT WPF

icodebroker

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

분류

보관함