이제 좀 정리가 되어야 할듯 해서..
메뉴에서 항목을 클릭하면 콘텐츠가 바뀌는것까지 정리하겠습니다. ㅠㅠ
일단 콘텐츠를 만들어야 겠죠.
1. 프로젝트 탐색기에서 TypeDefinition 을 클릭해서 서비스를 추가합니다.
그냥 기본 (Base) 에 추가해도 되지만 분류를 해놓는 것이 좋겠죠.
서비스 ID를 지정하고 Type을 정한후에 url (폴더)를 지정합니다.
여기에서는 Contents 라는 서비스를 추가했습니다.
이렇게 하고 나면 폼을 만들때 원하는 서비스를 선택할 수 있습니다.
2. 적당하게 3개의 폼을 추가합니다. 모양은 별 상관없구요.
3. 글로벌 변수로 추가했던 Dataset에서 form 항목의 값을 추가한 폼 ID로 지정해줍니다.
4. LeftMenuFrm 에서 oncellclick 이벤트를 추가하고
필터링된 데이터셋에서 선택한 메뉴의 form 항목값을 가져올 수 있게 합니다.
var formName = FilteredDataset00.getColumn(e.row, "form");
5. 이제 선택된 폼을 ContentFrame의 formurl로 대입하게 합니다.
ContentFrame.formurl = "Contents::"+formName+".xfdl";
6. TopFrame 과 MenuFrame 에 상단메뉴와 좌측메뉴를 연결해줍니다.
해당 프레임의 formurl을 TopMenuFrm과 LeftMenuFrm에 연결하면 됩니다.
그리고 각 프레임을 감싸고 있는 VFrameSet 과 HFrameSet의 레이아웃 비율을 지정해줍니다.
이때에는 separatesize 속성을 지정해주면 됩니다.
예를 들어 50,* 이라고 지정을 해주면 숫자로 지정한 부분은 고정폭이 되는 것이고
* 로 지정된 부분은 나머지 값을 분할하게 됩니다.
예제처럼 2개의 하위 프레임만 있는 경우에는 어렵지 않지만 하위 프레임이 많을 경우에는 좀 골치아파질 수 있죠.
7. 각 프레임 속성에서 showtitlebar 를 false 로 지정합니다.
이건 옵션이고 일반적으로 메뉴 영역에서는 타이틀바가 보일 필요가 없으니 지워줍니다.
* 이렇게 만들어진 화면을 테스트할때에는 개별 폼이 아니기 때문에
퀵뷰로 확인할 수는 없습니다. 메뉴에서 Launch Project 를 실행합니다.
모양이 이쁘지는 않지만 아래와 같은 결과가 나왔습니다.
메뉴를 선택할때마다 콘텐츠 영역의 데이터가 바뀌게 됩니다.
애플리케이션 구현시에는 MDI를 사용하거나 탭뷰 형식을 쓰기 때문에
구현 방식은 달라질 수 있습니다.
* 첨부파일은 진행된 프로젝트 파일입니다.
그냥 샘플이니 참고로만 사용하세요.
* 상단메뉴 클릭시 좌측 메뉴가 변경되는 이벤트를 추가하려 했는데