RealGrid2 API
Interface
ValueColumn

ValueColumn

GridColumn 을 상속한 컬럼 정보 모델

Signature:

export interface ValueColumn extends GridColumn 

Extends: GridColumn

Remarks

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

[하위 클래스]

DataColumn

SeriesColumn

Events

PropertyTypeDescription
buttonVisibleCallbackButtonVisibleCallback컬럼 버튼 표시 콜백
styleCallbackCellStyleCallback스타일을 지정하기 위한 콜백

Properties

PropertyTypeDescription
blankWhenCopyboolean클립 보드에 복사 시 빈 값을 넘겨줄지의 여부
blankWhenExportbooleanExport 시 빈 값을 넘겨줄지의 여부
booleanFormatstring컬럼에 지정되어 있는 Boolean 형식의 값일 때 표시되는 서식
buttonstring데이터 셀 우측에 표시할 버튼
buttonVisibilityButtonVisibility컬럼 버튼의 표시 방법
datetimeFormatstring컬럼에 지정되어 있는 날짜 형식의 값일 때 표시되는 서식 undefined이면 GridBase.formatOptions에 지정된 numberFormat이 적용된다.
displayMinusZeroboolean-0.00 처럼 표시되는것을 0.00 으로 표시 여부
edgeMarkEdgeMarkedgeMark 표시여부
editButtonVisibilityButtonVisibility셀 편집기 버튼의 표시 방법
editorLineCellEditor | PasswordCellEditor | NumberCellEditor | MultiLineCellEditor | DropDownCellEditor | MultiCheckCellEditor | SearchCellEditor | DateCellEditor | BTDateCellEditor | ConfigObject | string편집기
exportStyleNamestringexcel로 export될때 사용될 스타일 명
numberFormatstring | null

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

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

popupMenuConfigObject[]팝업메뉴
popupMenuNamestring팝업메뉴 이름
prefixstring앞에 추가 될 텍스트
rendererTextCellRenderer | BarCellRenderer | ImageCellRenderer | IconCellRenderer | CheckCellRenderer | ButtonCellRenderer | ShapeCellRenderer | LinkCellRenderer | SignalBarCellRenderer | Code39CellRenderer | Code128CellRenderer | SeriesTextCellRenderer | SparkLineRenderer | SparkColumnRenderer | SparkWinLossRenderer | TemplateCellRenderer | ConfigObject | string렌더러
styleNamestring스타일 클래스 명
suffixstring뒤에 추가 될 텍스트
textFormatstring텍스트 형식의 값일 때 표시되는 서식
textInputCaseTextInputCase편집기에 입력되는 값의 대소문자 변환 형태

Events Desc

buttonVisibleCallback

컬럼 버튼 표시 콜백

Remarks:

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

Example:

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

styleCallback

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

Example:

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

Properties Desc

blankWhenCopy

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


blankWhenExport

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


booleanFormat

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

Remarks:

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

예) 'Nub: Yub'


button

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

Example:

column.button = 'popup';

buttonVisibility

컬럼 버튼의 표시 방법


datetimeFormat

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

Remarks:

예) 'yy-M-dd'


displayMinusZero

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


edgeMark

edgeMark 표시여부

Remarks:

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


editButtonVisibility

셀 편집기 버튼의 표시 방법

Remarks:

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


editor

편집기

Remarks:

CellEditor 참조


exportStyleName

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


numberFormat

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

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

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

팝업메뉴

Remarks:

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


popupMenuName

팝업메뉴 이름

Remarks:

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


prefix

앞에 추가 될 텍스트

Remarks:

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


renderer

렌더러

Remarks:

CellRenderer 참조


styleName

스타일 클래스 명


suffix

뒤에 추가 될 텍스트

Remarks:

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


textFormat

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

Remarks:

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


textInputCase

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