넥사크로 expr color - negsakeulo expr color

1. 목적: Grid의 특정 Column에 대한 Expression을 설정하고 싶을 때 사용한다

2. 적용하는 Cell: Summ Row의 특정 Column의 합계나 평균을 구할 때 사용하거나, 서버로부터 받은 데이터를 표시하는 Cell에 사용 가능하다

3. 적용 방법

  1) Grid 더블클릭 -> Grid Contents Editor 화면으로 이동

  2) 특정 Cell 클릭 이후, 타입 | 값 형태로 이루어진 표에서 '값'에 해당하는 영역 가장 우측에 'Set Expression' 버튼을 클릭하여 설정

4. 예시

  1) Binding 설정한 데이터에서 Summ Row에서 Column "Salary"의 총합을 얻고 싶을 때

    : Binding>expr 에 expr:dataset.getSum("Salary") 입력

  2) 입력받는 값에 따라 Cell의 displaytype을 바꾸고 싶을 때

    - Binding>text 에 bind: ARRIVAL_DATE일 때

    - Action>displaytype에 expr:ARRIVAL_DATE.length == 8 ? 'date' : 'normal'로 설정하여 ARRIVAL_DATE의 길이가 8      이면 Date type, 아니라면 Normal type

  3) 서버로부터 입력 받는 값을 DATE 형식(YYYY-MM-DD)으로 MASKING하고 싶을 때(해당 Cell이 Text로 지정되어 있    을 때)

    - Binding>text에 bind:START_DATE일 때

    - Appearance>mask에 ####-##-##입력

※응용

4) 3)에서 받은 START_DATE가 NULL일 때는 Masking을 취하고 싶지 않을 때(응용 가능)

    - Binding>text에 bind:START_DATE일 때

    - expr:String(START_DATE).valueOf() == "undefined" ? "" : "####-##-##"

    - NULL 데이터를 넘겨 받을 경우, 출력해보면 Undefined라고 출력된다. 따라서 Undefined인지 확인하는 방법인          String.valueOf()를 통해 처리한다

넥사크로 2021. 1. 27. 13:34

// ex. mask format 설정할경우
(comp.parent.fn_사용자함수(바인딩데이터)) ? "" : "#,###.00"

'넥사크로' 카테고리의 다른 글

Posted by 송민준

TAG expr, Grid, 그리드, 넥사크로, 사용자함수, 오브젝트, 접근법

, 댓글 0개가 달렸습니다

댓글을 달아 주세요

: 이름

: 패스워드

: 홈페이지

비밀글

넥사크로 2020. 4. 16. 15:22

넥사크로에 Resource Explorer 에 가면

XCSSResource 메뉴가 있다 거기서 xcss 파일 하나 만들어주고

예를 들어

.Grid .body .row .cell.Expr_색상
{
	color : 색상;
	-nexa-color-odd : 색상;
}

 입력해주고

스크립트로 

this.ReturnGridBkColor = function(str) {
	if(str =="1") {
		return "Expr_red";
	} else if(str == "2") {
		return "Expr_blue";
	}
	
}

설정해주고

해당 그리드의 셀에 가서 cssclass에

expr:comp.parent.ReturnGridBkColor(컬럼명)

세팅해주면 끝

'넥사크로' 카테고리의 다른 글

Posted by 송민준

TAG cell, color, cssclass, Grid, xcss, 그리드, 넥사크로, 동적, 셀

, 댓글 0개가 달렸습니다

댓글을 달아 주세요

: 이름

: 패스워드

: 홈페이지

비밀글

그리드 예제를 통해 알아보면

VALUE 컬럼의 값이 HIT 일때 밑줄을 그어주거나 혹은 색깔을 변경하거나 하는 효과를 주고 싶은데

일단 디자이너의 도움이 필요하다

프로젝트에는 무조건 디자이너가 한명은 있을 것이므로

디자이너에게 밑줄 긋고 글자 색깔 바꿔주는 CSS를 만들어 달라고 해야 한다

일반적으로는 특정 조건 시 color 바꾸는 방법을 생각하지만

이 방법은 컬럼 안의 모든 값의 색깔이 바뀌므로 의미가 없다

디자이너가 CSS를 만들어 줬다면

원하는 컬럼 선택 후 상단의 cssclass 부분에서 오른쪽의 set expression을 누른 뒤

컬럼명 = '값' ? 'CSS' : ''

이렇게 삼항연산자를 사용해서 특정 값일때는

CSS 적용 나머지 값에는 CSS를 적용하지 않는 방법으로

특정 값일 때만 다른 효과를 주는 것이 가능하다