본문 바로가기

개발/기타

[XPlatForm] 실습 교육 정리 - 2. Grid 생성 및 Dataset 설정

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