ValueColumn

GridColumn 을 상속한 컬럼 정보 모델

상세 설명

추가로 서식 정보 등이 들어가 있다.

[하위 클래스]

DataColumn

ValueColumn

프로퍼티 정보

blankWhenCopy


blankWhenCopy: boolean

클립 보드에 복사 시 빈 값을 넘겨줄지의 여부

기본값

false

blankWhenExport


blankWhenExport: boolean

Export 시 빈 값을 넘겨줄지의 여부

기본값

false

booleanFormat


booleanFormat: string

컬럼에 지정되어 있는 Boolean 형식의 값일 때 표시되는 서식

상세 설명

콜론(:) 또는 세미콜론(;)으로 구분하여 왼쪽은 false일 때, 오른쪽은 true일 때

예) 'Nub: Yub'

button


button: CellButton

데이터 셀 우측에 표시할 버튼

기본값

CellButton.NONE

column.button = 'popup';

buttonVisibility


buttonVisibility: ButtonVisibility

컬럼 버튼의 표시 방법

datetimeFormat


datetimeFormat: string

컬럼에 지정되어 있는 날짜 형식의 값일 때 표시되는 서식

상세 설명

예) 'yy-M-dd'

displayMinusZero


displayMinusZero: boolean

-0.00 처럼 표시되는것을 0.00 으로 표시 여부

기본값

true

edgeMark


edgeMark: EdgeMark

edgeMark 표시여부

상세 설명

셀에 강조 표시를 할때 사용한다.

editButtonVisibility


editButtonVisibility: ButtonVisibility

셀 편집기 버튼의 표시 방법

상세 설명

현재 버튼이 표시되는 셀 편집기는 DropDownCellEditor, DateCellEditor, SearchCellEditor가 있다.

editor


editor: CellEditor

편집기

상세 설명

CellEditor 참조

numberFormat


numberFormat: string

컬럼에 지정되어 있는 숫자 형식의 값일 때 표시되는 서식

상세 설명

예) '#,##0.###'

popupMenu


popupMenu: ConfigObject[]

팝업메뉴

상세 설명

메뉴가 지정되면 데이터 셀 위로 마우스가 진입하거나 focus를 가질 때 메뉴 버튼이 활성화된다. MenuItem 모델의 배열 형태다.

popupMenuName


popupMenuName: string

팝업메뉴 이름

상세 설명

GridBase.addPopupMenu()로 등록한 메뉴를 컬럼의 팝업메뉴로 사용한다.

prefix


prefix: string

앞에 추가 될 텍스트

상세 설명

데이터를 표시할 때 지정한 앞에 추가 될 텍스트를 값의 앞에 붙여 표시한다.

renderer


renderer: CellRenderer

렌더러

상세 설명

CellRenderer 참조

styleName


styleName: string

스타일 클래스 명

suffix


suffix: string

뒤에 추가 될 텍스트

상세 설명

데이터를 표시할 때 지정한 뒤에 추가 될 텍스트를 값의 뒤에 붙여 표시한다.

textFormat


textFormat: string

텍스트 형식의 값일 때 표시되는 서식

상세 설명

세미콜론(;)으로 구분하여 왼쪽에는 String.prototype.replace의 첫 번째 매개변수, 오른쪽에는 두 번째 매개변수와 같은 타입으로 지정 예) '([A-Za-z]*); Mr. \$1'

textInputCase


textInputCase: TextInputCase

편집기에 입력되는 값의 대소문자 변환 형태

콜백 정보

buttonVisibleCallback


buttonVisibleCallback: ButtonVisibleCallback

컬럼 버튼 표시 콜백

상세 설명

column.button이 설정되어있을때 특정조건에 해당하는 경우에만 button이 표시되도록 할때 사용한다.

예제 코드

column.buttonVisibleCallback = function(grid, index, focused, mouseEntered) {
  return (grid.getValue(index.itemIndex, index.fieldName) === "AAA" && (focused || mouseEntered))
}

styleCallback


styleCallback: CellStyleCallback

스타일을 지정하기 위한 콜백

예제 코드

const f = function (grid, cell) {
     return {
         styleName: 'custom-cell'
         editor: 'text'
     }
}
column.styleCallback = f;