ExtJs - 일반적인 머리말과 꼬리말 섹션이있는 페이지 디자인

Question

현재 웹 페이지 개발을 위해 ExtJs 4.2를 사용하고 있습니다. 템플릿을 정의 할 수 있는지 여부와 페이지 전체에서 템플릿을 재사용 할 수 있는지 알고 싶습니다. 페이지 머리글과 바닥 글은 페이지 전체에서 동일하게 유지되고 본문 구성 요소 만 변경됩니다. jsp에서 타일과 비슷한 것을 의미합니다.

내 시나리오는 다음과 같이이다 : 나는이 지역은 = "북쪽"헤더 부분을 포함하는 경계 배치, 지역을 정의

= "남쪽"바닥 글 부분 및 지역 = "서쪽"및 지역을 포함 = "center"는 본문 내용을 갖습니다.

내 모든 페이지는 비슷한 레이아웃을 가지고 있습니다. 즉, 서쪽/중앙의 컨텐츠는 페이지 전체에서 변경됩니다 ... 모든 페이지에서 전체 레이아웃을 정의하지 않고이를 단순화하는 솔루션이 있습니다. 추가 해명이 container를 확장하고 방금 설명한 보더 레이아웃을 가진 클래스를 구성하는

~ 라게 AK로

Answer 1

사용 define을 요구하는 경우이 새로운 클래스를 재사용 할 수 있습니다.

, 알려 주시기 바랍니다 필요에 따라

Answer 2

Ext.define을 사용하고 뷰포트 구성 요소를 확장하여 경계선 레이아웃을 지정하는 것이 좋습니다. ExtJS 튜토리얼 creating custom components을 참조하십시오. 테두리 레이아웃을 지정하고 북쪽 및 남쪽 객체에 정적 패널/컨테이너/메뉴/도구 막대가 있어야합니다.

콘텐츠/센터 및 탐색/서쪽 구성 요소의 모델은 건물의 응용 프로그램 스타일에 따라 다릅니다. ExtJS가 Ext.app.Application을 사용하여 제공하는 모델/저장소 /보기/컨트롤러 패턴을 사용하여 단일 페이지 응용 프로그램 개념을 따르는 경우 테두리를 바꿀 수 없으므로 해당 슬롯에 빈 컨테이너를 놓을 것입니다 레이아웃 구성 요소. 빈 컨테이너를 넣으면 removeAll 함수를 호출 한 다음보기를 변경할 때 새 항목을 추가 할 수 있습니다. 뷰 사이를 이동할 때마다 페이지를 다시로드하는 일반 사이트를 만드는 경우 변경하지 않아도되므로 뷰포트를 직접 확장하여 뷰포트에 배치 할 수 있습니다.