Websquare 시작하기 Tip

회사에서 웹스퀘어를 쓴다고 해서 오늘부터 조금 보기 시작하였다.
Websquare를 가지고 화면을 구현 할 때 2 가지 방법이 있다.
그 중 xPath를 사용하여 구현하는 것을 알아보겠다.^-^good~

[웹스퀘어의 틀을 살펴보자]
아래와 같이 안되어있다면 추가하면 된다. 좌측 하단에서 Websquare를 선택해서 필요한 것들을 셋팅하자!

[그림1]
--회사 가서 추가--

 

위의 그림에서 보면
Palette에서 끌어다가 셋팅을 하면 된다.
그리고 해당 컴포넌트들에 클릭하면 우측 Property에서 정보들을 확인 할 수 있다.

데이터 인스턴스와 매핑, 즉 바인딩을 해주기 위해서는 우측 Instance에서 드래그를 통하여 Design Text Bos쪽에 끌어주면 된다. 결과로는 초록색으로 변하게 된다. 위의 그림1 참조..

자바스크립트의 링크부분은 아래의 조회버튼으로 보자면 디자인 폼에서 버튼을 누르고 마우스 오른쪽 버튼을 클릭하면 링크추가라고 나온다. 여러가지 다양한 자바스크립트의 내용들이 제공되어진다.
onClick, onChange 등등~

[결과]

위의 결과는 웹스퀘어의 xml과 data 즉 xml구조의 xml을 바인딩 시키고 출력시켜서 나온 결과이다.



tip
단축기
디자인 부분에서
Ctrl+w  : 화면 끝기
Ctrl+q : 해당 소스로 이동

디버깅
화면단에서 ctrl+마우스 우클릭

용어정리
xPath : xml문서에서 특정 argument나 특정 부분을 접근하기 위해서 쓰는 랭귀지.
바인딩 : 화면 컴포넌트와 인스턴스간의 매핑
xforms_submit_done : 통신이 끝난 후에 발생하는 후처리 event

참고 사이트 : https://www.inswave.com/support/?default_url=aHR0cHM6Ly93d3cuaW5zd2F2ZS5jb20vc3VwcG9ydC8=

2012/11/06 - [Grid/Websqure] - XPath란?

끝~~

제이래빗 노래 조으다--;;