RealGrid2 API
Interface
FilterPanel

FilterPanel

GridHeader영역 아래 사용자가 입력한 값을 이용해서 filtering을 할수 있는 입력창을 표시한다.

Signature:

export interface FilterPanel 

Remarks

DataColumn.valueType에 따라 조건을 선택후 입력창에 값을 입력하면 FilterPanel.filterDelay에 지정된 시간이후 filter가 적용된다.

Properties

PropertyTypeDescription
beforeCommitboolean데이타 편집중에 filter입력창에 focus가 가면 commit할것인지 여부
crossWhenKeyBoardbooleankeyboard의 upkey와 downkey를 이용해서 data와 filterPanel이동여부
dateOperators{ [key: string]: string; }ValueTypedate인 컬럼이 사용할 filterOperator를 입력한다.
filterDelaynumber사용자 입력이 끝나고 지정된 시간이후에 filter를 적용한다.
filterPanelCallbackFilterPanelCallbackfilterPanel의 입력창에 text를 입력후 enter를 입력시 호출되는 callback
heightnumberfilterPanel의 높이를 지정한다. data행이 여러줄로 이루어진 경우 filterPanel도 동일한 형태로 표시되고 filterPanel의 높이는 data행의 줄수 * minRowHeight 또는 height중 큰 값으로 적용.
ignoreCaseboolean대소문자 구분 여부
minRowHeightnumber행의 최소 높이를 지정한다.
numberOperators{ [key: string]: string; }ValueTypenumber인 컬럼이 사용할 filterOperator를 입력한다.
showInputbooleanfilterPanel에 입력창을 보여줄지 여부
styleNamestring스타일 클래스 이름
textOperators{ [key: string]: string; }ValueTypetext인 컬럼이 사용할 filterOperator를 입력한다.
trimDataboolean입력창에 입력된 값과 data의 앞뒤 공백을 지우고 filter를 적용한다.
visiblebooleanfilterPanel이 보여질지 여부

Methods

MethodTypeDescription
clearInput(column)clearInput?(column?: string): void;filterPanel에 입력된 text을 지우고 filter를 비활성화 한다.

Properties Desc

beforeCommit

데이타 편집중에 filter입력창에 focus가 가면 commit할것인지 여부

Type - boolean

Remarks:

false이면 편집을 완료해야 filter입력창에 focus를 줄수 있다.


crossWhenKeyBoard

keyboard의 upkey와 downkey를 이용해서 data와 filterPanel이동여부

Type - boolean

Remarks:

true이면 filterPanel에서 keyboard의 downkey를 이용해서 data영역으로 이동하거나 또는 data의 첫행에서 upkey로 filterPanel로 이동할수 있다.


dateOperators

ValueTypedate인 컬럼이 사용할 filterOperator를 입력한다.

Type - { [key: string]: string; }


filterDelay

사용자 입력이 끝나고 지정된 시간이후에 filter를 적용한다.

Type - number


filterPanelCallback

filterPanel의 입력창에 text를 입력후 enter를 입력시 호출되는 callback

Type - FilterPanelCallback

Remarks:

callback이 설정되면 그리드 filterPanel의 filtering은 적용되지 않는다.


height

filterPanel의 높이를 지정한다. data행이 여러줄로 이루어진 경우 filterPanel도 동일한 형태로 표시되고 filterPanel의 높이는 data행의 줄수 * minRowHeight 또는 height중 큰 값으로 적용.

Type - number


ignoreCase

대소문자 구분 여부

Type - boolean


minRowHeight

행의 최소 높이를 지정한다.

Type - number


numberOperators

ValueTypenumber인 컬럼이 사용할 filterOperator를 입력한다.

Type - { [key: string]: string; }


showInput

filterPanel에 입력창을 보여줄지 여부

Type - boolean

Remarks:

false이면 DataColumn.showInlineFiltertrue인 컬럼만 입력창이 표시된다.


styleName

스타일 클래스 이름

Type - string


textOperators

ValueTypetext인 컬럼이 사용할 filterOperator를 입력한다.

Type - { [key: string]: string; }

Remarks:

사용할 filterOperator를 지정하거나 팝업에 표시되는 값을 변경한다.

InlineFilterOperator에 없는 값을 입력하면 무시된다.

Example:

var textOperators = {
  constains: "값을 포함하고 있는 Data",
  notContains: "값을 포함하지 않는 Data"
}
 
gridView.filterPanel.textOperators = textOperators;

trimData

입력창에 입력된 값과 data의 앞뒤 공백을 지우고 filter를 적용한다.

Type - boolean


visible

filterPanel이 보여질지 여부

Type - boolean


Methods Desc

clearInput

filterPanel에 입력된 text을 지우고 filter를 비활성화 한다.

[매개변수 목록]

column - string

string

[반환값] - void

Remarks:

column을 지정하면 지정된 column의 text만 지운다.