레이아웃 옵션은 레이아웃을 작성할 때 전달됩니다. 레이아웃의 거의 모든 측면을 사용자 지정할 수 있는 옵션이 있지만 모든 옵션은 선택 사항입니다. 기본 옵션을 사용하여 빠르고 간단한 레이아웃을 만들거나 응용 프로그램에 대한 완전히 사용자 지정 모양을 만들 수 있습니다. 콜백 옵션을 사용하면 레이아웃을 설계와 통합할 수도 있습니다. 그러나 때로는 팝업 또는 드롭다운(예: `메뉴`)이 창 내부에서 시작되어야 합니다. 예를 들어, 북쪽 창에는 아래 창의 위에 표시해야 하는 드롭다운 메뉴가 있는 도구 모음이 있을 수 있습니다. 이렇게 하려면 드롭다운 요소가 포함된 창이 있어야 합니다. 버전 1.1.2에서 더 많은 유연성이 추가되어 `양식` 또는 기타 요소 내에 중첩된 창을 처리할 수 있습니다. 레이아웃이 다른 요소(`컨테이너`) 내에 있고 전체 창크기를 조정하지 않고 컨테이너 요소의 크기를 `크기`로 지정할 수 있는 경우 layout.resizeAll() 컨테이너크기가 조정될 때 내부 레이아웃이 크기를 조정되도록 호출해야 합니다. 핀 버튼은 `핀 업`과 `핀 다운`상태에 대한 추가 클래스가 있습니다 : class =”ui 레이아웃 – 버튼 – 핀 – UI 레이아웃 – 버튼 – 업 UI 레이아웃 – 버튼 – 버튼 – 핀 – 웨스트 업 “… 그런 다음 속성, 방법 및 유틸리티의 숫자에 액세스하여 `특정 레이아웃 인스턴스`를 제어하거나 검사 할 수 있습니다 : 레이아웃을 만들 때 북쪽, 남쪽 및 동쪽 창을 `닫아야`하는 경우 서쪽 창만 열리므로 2 개의 옵션만 필요합니다. : 1창만 팝업이 있는 레이아웃이 있는 경우 HTML 마크업에 해당 창을 `마지막`으로 표시하고 `오버플로: 볼수` 스타일을 지정하면 됩니다. 이렇게하면 해당 창의 모든 팝업 및 드롭 다운이 정상적으로 작동합니다.

다운로드 페이지에서 jquery.layout.js의 최신 버전을 다운로드하십시오. 창을 초기화할 때 레이아웃 코드는 $Pane.children(s.contentSelector)을 검색합니다. 콘텐츠 요소(일반적으로 div 또는 iframe)가 발견되면 다른 자식 요소에서 사용하지 않는 수직 공간을 채우기 위해 자동 크기가 조정됩니다. 공백이 모든 콘텐츠를 표시하기에 충분하지 않으면 콘텐츠 요소가 `스크롤`됩니다. 레이아웃 인스턴스가 개체 포인터에 할당된 경우(권장)… 마스크는 클래스 ui 레이아웃 마스크와 DIV 기본적으로 DIV 투명, 하지만 색상 및 불투명도 를 추가 하 여 am 오버레이 효과를 줄 수 있습니다:다양 한 유틸리티 메서드 사용자 지정 단추 및 레이아웃과 다른 코드를 통합 하기 위해 제공 됩니다. 이러한 유틸리티는 레이아웃 인스턴스의 `메서드`로 사용할 수 있습니다. ID가 `paneSelector`로 지정되면 해당 창에 대해 생성된 리사이저 바 및 토글러 버튼에 해당 ID가 자동으로 부여됩니다. 테두리 레이아웃을 만들면 최대 5개 지역(`북쪽`, `남쪽`, `서쪽`, `동쪽`, `중심`)이 있습니다. (중심 영역만 필요) 이러한 영역/요소는 창창에서와 같이 `창`이라고 합니다. 대부분의 옵션은 `테두리 창`에만 적용되므로 가운데 창을 제외한 모든 옵션이 적용됩니다.

UI 레이아웃은 테두리에 대한 향상으로 8 년 전에 만들어졌습니다레이아웃 위젯. 소스 코드는 GitHub로 전송되었으며 jQuery 플러그인 사이트에 다시 등록할 수도 있었습니다. jQuery 사이트에서 레이아웃을 찾을 수 있습니다. http://plugins.jquery.com/layout UI 레이아웃은 최대 4개의 축소 가능하고 크기를 조정 가능한 `테두리 창`(북쪽, 남쪽, 동쪽 및 서쪽)으로 둘러싸인 자동 크기 조정 `중앙 창`으로 `페이지 레이아웃`을 만듭니다. 또한 각 창 안에 여러 헤더 및 바닥글을 만들 수도 있습니다. 아래 예제에서는 내부레이아웃에 대 한 컨테이너 이기 때문에 외부Layout.center 창에 `크기 조정 콜백`이 추가 됩니다. 기본 선택기는 클래스 이름, 예를 들어:

.

By | August 2nd, 2019|Uncategorized|0 Comments

About the Author: