넥사크로 17 - 데이터 바인딩

사원프로그램 완성해보기 

 

 

• 컴포넌트 추가

• cssclass 변경

속성에 cssclass 를 검색하여 값을 추가해준다. 이부분은 디자이너 영역 

• 정렬

 

POSITION을 기준으로(검정색 점) 옆으로 이동시키기 

 

위아래 이동시키기

 

-1로 설정하니 제대로 정렬됨 

 

 

• binding 데이터셋을 컴포넌트에 연결하는 것 

 

 

컴포넌트 > Data Object( Dataset )

•  데이터를 테이블(2차원) 형태로 관리하는 오브젝트.

•  내부에서 사용하는 데이터로 컴포넌트와 바인딩 하여 사용.

•  서버와의 통신시 데이터를 주고 받는 형식으로 사용.

•  데이터가 수정, 삭제되면 변경 전 내용을 Origin Buffer에 저장

 

 

 

체크표시 부분을 더블클릭 

 

 

여기서 칼럼을 추가할 수있다. 

 

컴포넌트에 바인딩 방법 

 

1)

Grid 에 dataset 바인딩 =  dataset 드래그해서 놓기

 

 

Form -> Objects -> ds _emp  누르면 항목들이 나온다 

이렇게 넣는 방법도 있다. 

 

 

invalid value 조치법

 

type을 먼저 확인한다, number로 되어있어서 안됐던것! string으로 바꾼다 

 

format 형식을 지정해주면 좋다 

형식을 모르겠다면 format 클릭하고 F1 

 

 

1번 -> Bindable 에서  value부분에서 추가할 수 있다 

1)데이터셋 

2)칼럼 

 

visible 을 통해서 체크박스, 칼럼의 값에 따라 보이고 안보이도록 설정 가능 

 

background를 통해서 칼럼의 값에 따라 색 변경 

 

 

 

콤보, 리스트박스 =목록형 컴포넌트 

 

목록형은 ,   데이터바인딩하기전에 이너데이터를 먼저 바인딩 해준 후, = 목록을 만들어주는 행위 

원본데이터를 바인딩한다 

그래야 (스크롤을 내려도 자동 변환 ) 

 

innerdataset 설정방법 

목록을 나타낼 데이터셋을 컴포넌트로 드래그한다

이너데이터셋을 클릭한후, 안에 데이터를 설정해준다 

 

원본데이터바인딩 

 

* 여기서 acceptvaluetype은 innerdataset에 없는 코드값을 스크립트로 value속성을 설정할때 사용 

 

라디오버튼 

 

innerdataset  검색후 점3개 버튼을 클릭 

 

 

 

한줄에 몇개의 항목을 넣을껀지 

 

 

그리드 

 

그리드 text 변경

 

해당 그리드를 더블클릭 후, 속성에 text 검색 

 

displaytype 은 편집상태가 아닐때 , 데이터가 화에 바인드된 상태 

edittype은 편집상태일 때 

 

 

 

타입과 포맷 변경 

 

부서는  콤보로 

 

 

평소에는 이렇게 나타났다가 

 

편집상태로 보면 콤보박스가 나타난다 

4

 

ComboControl으로 하면 편집상태가 아니어도 콤보가 보인다 

 

Checkbox 

 

체크박스는 이 두개 만 해주면된다 

 

1은 맨뒤에 추가 

2는 그 앞에 추가

 

쿼리로 추가하기 위해서는 맨마지막을 클릭

currow = 인덱스를 나타냄 (0부터 시작) 

 

 

합계 

 

 

Add Summary Row ->  합계 

dataset.getRowCount() 

 

 

맨 밑에있는 행을 클릭해서 text  속성변경 

dataset.getRowCount()+'건'

comp.parent.ds_emp.getRowCount()+'건'

 

다음과 같이 총 행이 나온다 

 

 

급여합계구하기 

 

text속성 변경 

1. dataset.getSum("SALARY")

2. 

3. align 을 center- > right 로 변경 

 

format을 지정하지 않아도 금액이 콤마와 함께 잘 나옴 

 

 

사원번호- 이름 같이 표현하기 

1.칼럼추가 

2.그 밑에 TEXT-> Set Expression : EMPL_ID +"-"+FULL_NAME

 

참조가 되는 변수 

 

스크립트에 

var var1="abc";
this.var2="123";

 

Form과 Form 간 값을 참조할때도 this 변수는 참조가 가능하지만 var 변수는 참조가 가능하지 않습니다. 

 

함수 

 

컨포넌트에 입력 

comp.parent.fn_name(currow+1)

 

script 

this.fn_name=function(arg)
{
return arg+'pos';

}

 

 

넥사크로 내장함수 

 

ㅊnexacro.round(pie,2)  소수점 둘째자리까지 표현