Coolite: Container 레이아웃에 대한 간단한 설명

1. 패널을 반으로 쪼개기


  
    
   
     
   
      
   
     <
   
     ext:Panel 
   
     ID
   
     ="Panel1"
   
      runat
   
     ="server"
   
      Padding
   
     ="8"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
   
     <
   
     ext:Container 
   
     ID
   
     ="Container4"
   
      runat
   
     ="server"
   
      Layout
   
     ="Column"
   
      Height
   
     ="270"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
   
     <
   
     ext:Container 
   
     ID
   
     ="Container5"
   
      runat
   
     ="server"
   
      LabelAlign
   
     ="Right"
   
      Layout
   
     ="form"
   
      ColumnWidth
   
     =".5"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
 
   
     </
   
     Items
   
     >
   
     
 
   
     </
   
     ext:Container
   
     >
   
     
 
   
     <
   
     ext:Container 
   
     ID
   
     ="Container6"
   
      runat
   
     ="server"
   
      LabelAlign
   
     ="Right"
   
      Layout
   
     ="form"
   
      ColumnWidth
   
     =".5"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
 
   
     </
   
     Items
   
     >
   
     
 
   
     </
   
     ext:Container
   
     >
   
     
 
   
     </
   
     Items
   
     >
   
     
 
   
     </
   
     ext:Container
   
     >
   
     
 
   
     </
   
     Items
   
     >
   
     

   
     </
   
     ext:Panel
   
     >

ColumnWidth = ".5"가 패널의 절반 차지

하면, 만약, 만약...
Container, ColumnWidth 3개 합계≤1 추가
그러나 만약 어떤 페이지의 위쪽이 5, 5개, 아래가 3, 3개라면 어떻게 처리합니까?
Container는 Container를 중첩할 수 있습니다.
위에


  
    
   
     
   
     <
   
     ext:Container 
   
     ID
   
     ="Container5"
   
      runat
   
     ="server"
   
      Layout
   
     ="Column"
   
      Height
   
     ="200"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
   
     <
   
     ext:Container 
   
     ID
   
     ="Container5"
   
      runat
   
     ="server"
   
      LabelAlign
   
     ="Right"
   
      Layout
   
     ="form"
   
      ColumnWidth
   
     =".3"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
 
   
     </
   
     Items
   
     >
   
     
 
   
     </
   
     ext:Container
   
     >
   
     
 
   
     <
   
     ext:Container 
   
     ID
   
     ="Container6"
   
      runat
   
     ="server"
   
      LabelAlign
   
     ="Right"
   
      Layout
   
     ="form"
   
      ColumnWidth
   
     =".3"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
 
   
     </
   
     Items
   
     >
   
     
 
   
     </
   
     ext:Container
   
     >
   
     
 
   
     <
   
     ext:Container 
   
     ID
   
     ="Container7"
   
      runat
   
     ="server"
   
      LabelAlign
   
     ="Right"
   
      Layout
   
     ="form"
   
      ColumnWidth
   
     =".3"
   
     >
   
     
 
   
     <
   
     Items
   
     >
   
     
 
 
   
     </
   
     Items
   
     >
   
     
 
   
     </
   
     ext:Container
   
     >
   
     
 
   
     </
   
     Items
   
     >
   
     
 
   
     </
   
     ext:Container
   
     >

인터페이스가 복잡할 때, 비교적 머리가 아프고, 끼워 넣으면 자신의 머리가 커진다
화계 앞에서 먼저 종이 위에 레이아웃을 그린 다음에 ID를 표시하면 좀 편리하다

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

dijit._Container 소스

You can also pass in an integer indicating // the index within the container to remove if(typeof widget == "number"){ wi...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Coolite: Container 레이아웃에 대한 간단한 설명

좋은 웹페이지 즐겨찾기