Nexacro 플랫폼, 그리드 관련 사용 정리 📝

투비 소프트에서 제공하는 유튜브 교육 영상을 보고 스스로 필요한 내용을 정리한 내용입니다. ☺️

 

---

 

그리드 편집 방법

(1)  누르고 f12 

(2)  시간차 더블 클릭 

(3)  properties에서 편집하기

 

※ properties 에서 format 설정에 관련해서, format에 커서를 클릭하고,  f1을 누르면, 도움말(HELP)이 나온다.

 

위와 같은 과정을 통해 Grid Contents Editor 화면으로 들어간다.

해당 cell을 누르면, 우측의 속성들 값을 볼 수 있다.

Action → displayType

▶ normal

▶ mask (추가로 2개 속성을 추가해야함) , CellMaskEdit> format,  CellMaskEdit> maskEditType, 

▶ combo/ combotext

combotext: 편집 상태가 되면 콤보가 나온다.

 

 

combocontrol: 편집 상태가 아니어도 콤보가 나와있다.

[변수 선언 3가지 방법] 

(1) var str1 = "abc"; 

var로 선언된 변수는 이 스크립트 안에서만 쓸 수 있는 전역 변수가 된다.

(2) this.str2 ="abc";  

스크립트에서도 쓸 수 있고, 컴포넌트 참조 가능, 폼과 폼사이에서도 참조 가능. 

폼의 멤버 변수(이렇게 써야한다)

(3) str3 = "abc"; 

Application의 global 영역으로 잡힌다. 해당 폼을 열었다가 닫아도 메모리가 살아있다.

[단일 컴포넌트] Static: 한 줄의 문장을 출력하는 컴포넌트 Event: 이벤트를 받을 때 사용하는 컴포넌트 Edit: 한줄의 데이터를 입력받거나 출력할 때 쓰는 컴포넌트  (비번 같은것에 pw속성 true로 하면 알아서 아스타 처리 해줌!) MaskEdit: 정형화된 데이터를 입력받거나 출력 받을 때 쓰는 컴포넌트(예: 주민번호, 우편번호 등) type: 디폴트는 number, string과 number (예: 주민번호는 string임) format: 들어올 데이터의 출력 형태 (예: #,###.00 ######-#{######} ) ※ 아스타 처리 사용조건: 길이가 정해져 있어야 함! 그래서 로그인 시의 비밀번호 같은 거에는 안쓰임!  TextArea:여러 줄 데이터 입력 및 출력시 사용 Calendar:날짜와 시간 표현할 때 사용  CheckBox: true, false값 입력받을 때 사용 Spin: 일정한 데이터 영역에서 값을 가감할때 사용 ImageViewer: 이미지 표현할 때 사용 ProgressBar: 작업의 진행상태를 시각적으로 표현할 때 사용하는 컴포넌트 [목록 컴포넌트] : 여러개 아이템 중에 하나를 선택할 때 사용한다. 이 컴포넌트를 사용하기 전에는 목록의 아이템 정보를 만들어 줘야 한다. Combo: ListBox: Radio: Grid: 데이터 셋의 멀티 로우를 이동해가며 값을 확인할 수 있다. Menu: PopupMenu: [컨테이너 컴포넌트] Div: Div 사용 2가지 예시 url 속성:  콤보리스트가 나오는데, 어플리케이션 전체에 있는 form 정보를 볼 수 있음. 좌측의 div 는 선택하고 하나씩 만든 형태고, 우측의 div 형태는 url 속성을 사용하여 만든 형태이다. (2)번의 형태로 개발해야 한다.  Tab: Tab 페이지 역시 위의 Div 와 같이 2가지 방식이 사용 가능하며, 후자(url 속성의 사용)의 방식이 좋다. preload: 디폴트 값은 false 인데, true로 해주면  탭페이지1에 있는 url, 탭페이지2에 있는 url을 로드하고 보여 주기 때문에 undifined 오류는 뜨지 않는다. 하지만 로딩 속도에 영향을 주기 때문에 되도록 건들면 안된다. undifined 오류 안뜨게 로직을 짜야 한다. Div와 Tab은 성능적인 부분에서 매우 중요하게 작용한다. PopupDiv:

 

▼ Grid Expression

 

넘버링과 합계 기존 그리드에 추가 하려면?

 

(# 넘버링)

 

 

currow: 인덱스 정보 표현하는 예약어 _아마, current row의 줄임말이라고 생각.

 

Properties: textalign 텍스트 정렬 관련 설정할 수 있는 예약어

 

(#합계)

그리드 편집 화면에서 add summary row 추가 → 해당 summary row의 text 속성에 expression 사용 

→  Expression 내용: dataset.getRowCount( ) + ‘건’

▲ 위에서 dataset의 의미: grid에 바인딩 된 데이터 set을 의미함.

dataset.getRowCount()

기본적으로 바인딩된 data set을 사용하고 싶으면, dataset이라는 말을 쓰면 된다.

dataset.getSum(인트값)  (숫자 정렬 right)

 

dataset에 접근 하면, dataset에 정의된 모든 함수를 사용할 수 있다.

자바스크립트의 삼항 연산적용

사칙연산

 

컴포넌트에서 스크립트 상의 변수값을 사용하기 위해서는 

해당 var가 var로 정의되면 안되고, this변수로 정의되어 있어야 한다. 

 

var은 어제 필기에도 했지만 스크립트 내에서만 공유가 가능하기 때문에 이렇게 그리드 컴포넌트와 공유가 안되는 것이다.

 

[그리드에서 함수 호출 방법]
(1) 스크립트에 함수를 추가함

this.fn_name = function(arg){

return arg + 'pos';

}

(2)  comp.parent.fn_name(currow+1)을 expression에 적어줌

 

round에 대해서, 자바스크립트에서는 

(Math.round(pie*100)/100.0);  결과: 3.14

사람들이 Math.round(pie,2) 해놓구 결과가 3나온다고 이상하다고 그래서 아래와 같이 넥사크로에서 만들었다고 함.

nexacro.round(pie,2) : 3.14 (이렇게 사용하면 된다.)