WebSquare 8

[WebSquare] 한 달 검색 조건 , 최대실행일자 WebSquare.date.dateDiff

웹스퀘어를 쓰다보면 달력기능이있다. 아주 유용하다. 날짜를 조회하고 세팅하는 기능을 사용해보도록 하자! 페이지 로드시 scwin.onpageload = function() { var aToday = com.getServerTime("yyyyMMdd"); srchStartDt.setValue(comf.date.calcToday(0,0,-7, WebSquare.date.parseDate(aToday))); srchEndDt.setValue(comf.date.calcToday(0,0,+7, WebSquare.date.parseDate(aToday))); }; 오늘 날짜는 서버로부터 받아오고 기준일로 잡는다. 기준일로부터 시작일은 -7일 끝나는 날은 +7일로 자동세팅해준다. 조회 이벤트 scwin.findSrc..

WebSquare 2023.01.16

WebSquare 시점이 안맞을 때 , 먼저 불러오고 싶은 데이터

WebSquare 개발중 시점이 안맞는 경우가 있다. 예를들면 a데이터 보다 b 데이터를 먼저 받고 싶을때 mode 를 바꿔주면 된다 asynchronous (비동기)를 synchronous (동기)로 바꿔주면 된다. mode가 평소엔 asynchronous 로 되어있어서 생략하는 경우도 있는데 추가해주면 된다 "mode" : "asynchronous" ▶"mode" : "synchronous" "mode" : "asynchronous" : 비동기가 default. 즉, 콜백과 상관없이 처리 "mode" : "synchronous" : 동기는 콜백 후 처리 시점이 안맞을 땐 싱크처리로 !

WebSquare 2023.01.14

WebSquare - GridView 메서드 정리

https://docs.inswave.com/support/api/w5_sp2/5.0_2.4019B.20200521.173726/index.html WebSquare5 API Guide docs.inswave.com 대량의 데이터를 그리드로 표시를 많이한다. 데이터를 담당하는 DataList와 바인딩하여 사용한다. 소계/합계, 동적 그룹핑, 엑셀 파일 업로드/다운로드, 정렬, 필터링 등을 지원 https://docs.inswave.com/support/api/w5/5.0_1.2484A.20170126.120903/WebSquare.uiplugin.checkbox/WebSquare.uiplugin.checkbox.html WebSquare.uiplugin.checkbox HTML에서 input Tag의 t..

WebSquare 2021.07.06

WebSquare5 Hybrid와 Cordova

Cordova(코르도바) HTML, CSS, JavaScript로 작성한 컨텐츠를 담을 수 있는 네이티브 래퍼를 제공, 작성한 웹 컨텐츠를 각 장치의 네이티브 래퍼에 포함 가능하다. Java, Objective-C 등의 native code 없이 앱을 만들수 있다. 각 플랫폼의 네이티브 개발 언어를 제외한 크로스 플랫폼개발을 위한 HTML5, CSS3, Javascript 등 웹표준 기술의 사용을 가능하게 한다. 지원 플랫폼 Android, iOS, Windows, blackberry, Palm WebOS, Bada, Symbian scwin.preProcess = function() { cordova.exec(scwin.getSuccessCallback, scwin.getFailCallback, "Pl..

WebSquare 2021.04.23

웹스퀘어5 submission 기능

ID : 공백이나 '-'등은 사용하지 않은 고유 식별자 사용 Reference : request 정보를 setting. request 정보를 담아 줄 data 객체를 생성 후 지정 Target : response정보를 setting. request 정보를 담아 줄 data 객체를 생성 후 지정 URL Action : 실제 서버와 통신할 action url을 지정 Mode : 'asynchronous' 혹은 'synchronous' 등을 지정 *비동기 호출을 권장하므로 보통 'asynchronous' Media Type : 통신 data의 종류 선택 Encoding : Request Header의 charset 속성에 설정 AbortTrigger : 잘 사용하지 않으나, 'true'로 설정할 경우 강제적으..

WebSquare 2021.04.12

웹스퀘어5 데이터 바인딩

생성된 dataList에 초기값을 주는 방법 1.가장 쉬운 방법은 'use data' 기능을 이용하는 것 화면 하단의 use data라는 checkbox를 체크한 후 초기값으로 주고자 하는 data를 넣는다. 2. checkbox를 더블클릭 하여 편집창을 연다. BindItemSet 을 check checkbox와 같은 list를 담는 component와 data객체를 연결하려면 BindItemSet 기능을 이용해야한다. NodeSet - 연결하려는 dataList 명 Label - 항목으로 보여질 컬럼명 Value - 값으로 보여질 컬럼명 *Span Direction은 row방향으로 지정합니다. data 객체의 id도 component의 id처럼 페이지 내에서 전역 변수로 인식된다. setJSON을 활..

WebSquare 2021.04.09

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

속성 API를 모두 사용하여 값을 적용했을 때 API를 통해 적용한 겂이 보여지는 이유는 1) script 탭의 function 및 Event 생성 2) Design 탭의 컴포넌트 생성 및 속성 적용 3) script 탭의 onpageload Event 실행 즉, onpageload 실행이 제일 마지막에 수행되기 때문에 onpageload에서 선언한 setValue가 최종 적용 컴포넌트 이벤트 적용 컴포넌트의 이벤트를 적용하려면 'Property'의 '이벤트'탭을 확인. **'Property'의 '이벤트'탭에서 원하는 이벤트를 선택하면 'Help'메뉴에서 기능 상세 설명이 나온다.** 우클릭 후 '이벤트'를 선택 후 원하는 이벤트를 클릭해도 동일하게 적용 가능 // 컴포넌트 태그 안에 event가 있는 ..

WebSquare 2021.04.08

웹스퀘어 perspective 환경 세팅 저장 및 삭제

현재 보여지는 view의 위치를 조절하여 perspective 형태를 변경하고자 하면 우선 view 위치 조정 및 추가적으로 보고자 하는 view 등을 [Window] ⇒ [Show View] ⇒ [Other] 통해 open 한다. 변경된 view 상태를 기본 모드로 저장 하려면 [Window] ⇒ [Perspective] ⇒ [Save Perspective As] 저장 후에 오른쪽 상단을 확인하면, 변경된 Perspective를 확인할 수 있다. 기본 Perspective가 변경되더라도 Reset 기능을 이용하면 쉽게 원래 저장한 모습으로 설정할 수 있다. 불필요한 Perspective는 [Window] ⇒ [Preferences] ⇒ [General] ⇒ [Perspective] 메뉴를 통해 삭제가 ..

WebSquare 2021.04.07