ValueColumn

GridColumn 을 상속한 컬럼 정보 모델

Signature:

export interface ValueColumn extends GridColumn 

Extends: GridColumn

Remarks

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

[하위 클래스]

DataColumn

SeriesColumn

Events

Properties

Events Desc

buttonVisibleCallback

컬럼 버튼 표시 콜백

Type - ButtonVisibleCallback

Remarks:

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

Example:

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

styleCallback

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

Type - CellStyleCallback

Example:

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

Properties Desc

blankWhenCopy

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

SeriesColumn의 경우 기본값이 true이다.

Type - boolean

blankWhenExport

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

Type - boolean

booleanFormat

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

Type - string

Remarks:

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

예) 'Nub: Yub'

button

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

Type - string

Example:

column.button = 'popup';

buttonVisibility

컬럼 버튼의 표시 방법

Type - ButtonVisibility

datetimeFormat

컬럼에 지정되어 있는 날짜 형식의 값일 때 표시되는 서식 undefined이면 GridBase.formatOptions에 지정된 numberFormat이 적용된다.

Type - string

Remarks:

예) 'yy-M-dd'

displayMinusZero

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

Type - boolean

edgeMark

edgeMark 표시여부

Type - EdgeMark

Remarks:

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

editButtonVisibility

셀 편집기 버튼의 표시 방법

Type - ButtonVisibility

Remarks:

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

editor

편집기

Type - LineCellEditor | PasswordCellEditor | NumberCellEditor | MultiLineCellEditor | DropDownCellEditor | MultiCheckCellEditor | SearchCellEditor | DateCellEditor | BTDateCellEditor | ConfigObject | string

Remarks:

CellEditor 참조

exportStyleName

excel로 export될때 사용될 스타일 명

Type - string

numberFormat

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

천단위기호,소수점을 변경하는 경우 ;로 구분해서 지정.

Type - string | null

Remarks:

예) '#,##0.###' undefined이면 GridBase.formatOptions에 지정된 numberFormat이 적용.

형식 - 포맷;소수점기호;천단위기호;반올림구분

반올림구분 - 지정된 소수점 이하 자리를 처리하는 방법 c - 올림 f - 버림 a - 절대값으로 표시

Example:

// 천단위마다 `,`를 표시 하고 소수점이하 자리는 반올림
gridView.columnByName("number").numberFormat = "#,##0";
 
// 천단위 기호와 소수점을 변경하는 경우
gridView.columnByName("number").numberFormat = "#,##0.00;,;."
 
// 소수점 2자리까지만 표시하고 3번째는 버림
gridView.columnByName("number").numberFormat = "#,##0.00;;;f"

popupMenu

팝업메뉴

Type - ConfigObject[]

Remarks:

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

popupMenuName

팝업메뉴 이름

Type - string

Remarks:

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

prefix

앞에 추가 될 텍스트

Type - string

Remarks:

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

renderer

렌더러

Type - TextCellRenderer | BarCellRenderer | ImageCellRenderer | IconCellRenderer | CheckCellRenderer | MultiCheckCellRenderer | ButtonCellRenderer | ShapeCellRenderer | LinkCellRenderer | SignalBarCellRenderer | Code39CellRenderer | Code128CellRenderer | SeriesTextCellRenderer | SparkLineRenderer | SparkColumnRenderer | SparkWinLossRenderer | ActualTargetTextRenderer | ActualTargetBulletRenderer | TemplateCellRenderer | ConfigObject | string

Remarks:

CellRenderer 참조

styleName

스타일 클래스 명

Type - string

suffix

뒤에 추가 될 텍스트

Type - string

Remarks:

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

textFormat

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

Type - string

Remarks:

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

textInputCase

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

Type - TextInputCase

valueSeparator

값을 구분하기 위한 구분자

Type - string

Remarks:

data가 "value,value" 형태로 되어 있는 것을 "label,label" 형태로 보여줄 때 value를 구분하기 위한 구분자 또는 fields의 값들을 구분할 때 사용하는 구분자