WebSquare

웹스퀘어5 페이지의 동작 순서와 컴포넌트

yangcotton 2021. 4. 8. 10:00

속성 API를 모두 사용하여 값을 적용했을 때 API를 통해 적용한 겂이 보여지는 이유는

 

1) script 탭의 function 및 Event 생성

2) Design 탭의 컴포넌트 생성 및 속성 적용

3) script 탭의 onpageload Event 실행

 

즉, onpageload 실행이 제일 마지막에 수행되기 때문에 onpageload에서 선언한 setValue가 최종 적용

 

컴포넌트 이벤트 적용

컴포넌트의 이벤트를 적용하려면 'Property'의 '이벤트'탭을 확인.

**'Property'의 '이벤트'탭에서 원하는 이벤트를 선택하면 'Help'메뉴에서 기능 상세 설명이 나온다.**

우클릭 후 '이벤트'를 선택 후 원하는 이벤트를 클릭해도 동일하게 적용 가능

 

 

// 컴포넌트 태그 안에 event가 있는 경우

<script ev:event="onviewchange( info )">

<![CDATA[ var oldValue = info.oldValue; var newValue = info.newValue; ]]>

</script>

이벤트 신규값 : newValue

alert(info.newValue);

debugger를 사용하면 newValue와 oldValue 확인 가능

 

Static - 소스 코드의 순서대로 배치 (Static Mode는 위치값을 사용하지 않음)

Absolute - 기준점을 중심으로 배치 (Absolute Mode는 렌더링 문제)

Relative - Static의 확장, 위치 속성 사용 가능

Fixed - Absolute 기반의 고정 좌표

Sticky - Relative 기반의 고정 좌표

 

 

웹스퀘어 오늘 날짜 구해오는 API

$p.getCurrentServerDate("yyyyMMddHHmmss")