1. 그리드 생성
- 업무 프로세스에서 가장 많이 쓰여지는 컴포넌트.
클릭하고 아래 창에서 드래그 하여 원하는 크기만큼 그리드 생성.
2. 데이터셋 생성하기
클릭, 아무곳에 드래그&클릭 -> 아래에 Dataset00생성됨.
Dataset00을 더블클릭하면 편집창이 뜬다.
3. Dateset에서 작성한 데이터를 Grid로 호출
3-1 그리드를 클릭하면 오른쪽 속성창에서 binding부분의 binddataset을 설정한다. 화살표 모양을 클릭하면
사용할 dataset의 목록이 뜬다. 지금은 하나밖에 생성 안했기 때문에 하나만 나옴.
3-2 그리드 디자인
head와 body를 마우스 우측 클릭하여 하나씩 생성.
- head와 body를 추가한 화면.
col0을 마우스 우측 클릭하면 insert가 있다. 생성할 컬럼수만큼 insert
3-3 데이터 바인딩
col2까지 추가하였고 row0은 헤드(컬럼명) row1(데이터값)은 body 여기서 row0열의 이름을 바궈보겠음.
rol0:col0을 클릭하면 우측에 속성창이 뜬다. binding에서 text부분에 text를 넣어준다.
마지막으로 row0에 들어갈 데이터값들을 dataset에 넣었던 data들과 바인딩
row1:col1 클릭, 우측 text 편집창 옆에 체크버튼 클릭하면 바인딩 시킬 데이터셋의 column값들이 나옴.
col1~col3까지 바인딩 완료하고 ok버튼 누르면
바인딩 된 값들이 나온다.
4. 제작한 폼들 실행하기
돋보기 모양 실행하면 웹 어플리케이션으로 된 화면이 나옴.
끝
담엔 서버에 있는 데이터 끌고 와 봐야지.
'개발 > 기타' 카테고리의 다른 글
SyntaxHighlighter (0) | 2013.07.02 |
---|---|
[JQuery] jquery api (0) | 2013.06.20 |
[XPlatForm] 실습 교육 정리 - 1. Project 생성 및 form 생성 (0) | 2013.06.13 |
Jquery / 공백 체크 (0) | 2013.06.10 |
JSTL / equal (0) | 2013.06.05 |