DevExpress LayoutSplitter 및 DockLayoutManager 끌어서 놓기 문제

Question

DevExpress의 LayoutSplitter 및 DockLayoutManger를 사용하여 몇 가지 문제가 발생했습니다.

dxdo:DockLayoutManager> 
      <dxdo:DockLayoutManager.LayoutRoot> 
       <dxdo:LayoutGroup Orientation="Vertical" Height="*"> 
        <dxdo:LayoutGroup Orientation="Vertical" Height="*"> 
         <dxdo:DocumentPanel> 
          <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> 
           <Grid.RowDefinitions> 
            <RowDefinition Height="*"></RowDefinition> 
           </Grid.RowDefinitions> 
           <ContentControl Grid.Row="0" Content="{Binding SomeViewModel}" ContentTemplateSelector="{StaticResource templateSelector}"/> 
          </Grid> 
         </dxdo:DocumentPanel> 
        </dxdo:LayoutGroup> 

        <dxdo:LayoutGroup Height="Auto" Orientation="Vertical"> 
          <dxdo:LayoutSplitter/> 
        </dxdo:LayoutGroup> 

        <dxdo:LayoutGroup> 
         <dxdo:LayoutPanel Height="Auto" AllowDock="True"> 
          <ItemsControl ItemsSource="{Binding SomeViewModel.SomeCollection}" ItemTemplateSelector="{StaticResource templateSelector}"> 
          </ItemsControl> 
         </dxdo:LayoutPanel> 
        </dxdo:LayoutGroup> 

       </dxdo:LayoutGroup> 

      </dxdo:DockLayoutManager.LayoutRoot> 

     </dxdo:DockLayoutManager> 

LayoutSplitter가 위아래로 움직이지 않습니다. 그것은 단지 정적 인 채로 남아 있습니다. 3 번째 중첩 된 LayoutGroup 인 DockLayoutManager를 사용하여 구성 요소를 제거 할 때 구성 요소를 다시 드롭 할 수 없습니다. 힌트를 주시면 감사하겠습니다!

Answer 1

LayoutSplitter 레이아웃 그룹 또는 레이아웃 제어 항목을 분할하려면 컨트롤이 필요합니다. LayoutPanels 또는 DocumentPanels와 함께 사용할 수 없습니다. 또한 dock items의 스플리터는 DockLayoutManager가 자동으로 크기를 조정하기 때문에 사용할 필요가 없습니다. 또한 문서를 LayoutGroup.Items 컬렉션에 직접 배치하는 대신 DocumentPanel을 DocumentGroup의 하위 항목으로 사용해야합니다. 또는 DocumentPanel 대신 LayoutPanel을 사용하십시오. 그래서,이 같은 모습을 마크 업해야 :

이

<dxdo:DockLayoutManager> 
    <dxdo:LayoutGroup Orientation="Vertical" > 
     <dxdo:DocumentGroup> 
      <dxdo:DocumentPanel Caption="Document"> 
       <!-- Document content --> 
      </dxdo:DocumentPanel> 
     </dxdo:DocumentGroup> 
     <dxdo:LayoutGroup> 
      <dxdo:LayoutPanel Caption="Panel"> 
       <!-- Panel content --> 
      </dxdo:LayoutPanel> 
     </dxdo:LayoutGroup> 
    </dxdo:LayoutGroup> 
</dxdo:DockLayoutManager> 

당신은이 기사에서 자세한 내용을보실 수 있습니다 :

1. Dock Layout Manager Fundamentals
2. Layout Groups
3. Dock Items
4. Layout Items
5. Document Groups and Panels