Filterpanel

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

Signature:

export interface FilterPanel

Remarks

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

Properties

Property	Type	Description
beforeCommit	boolean	데이타 편집중에 filter입력창에 focus가 가면 commit할것인지 여부
crossWhenKeyBoard	boolean	keyboard의 `up`key와 `down`key를 이용해서 data와 filterPanel이동여부
dateOperators	{ [key: string]: string; }	ValueType이 `date`인 컬럼이 사용할 filterOperator를 입력한다.
filterDelay	number	사용자 입력이 끝나고 지정된 시간이후에 filter를 적용한다.
filterPanelCallback	FilterPanelCallback	filterPanel의 입력창에 text를 입력후 `enter`를 입력시 호출되는 callback
height	number	filterPanel의 높이를 지정한다. data행이 여러줄로 이루어진 경우 filterPanel도 동일한 형태로 표시되고 filterPanel의 높이는 data행의 줄수 * minRowHeight 또는 height중 큰 값으로 적용.
ignoreCase	boolean	대소문자 구분 여부
minRowHeight	number	행의 최소 높이를 지정한다.
numberOperators	{ [key: string]: string; }	ValueType이 `number`인 컬럼이 사용할 filterOperator를 입력한다.
showInput	boolean	filterPanel에 입력창을 보여줄지 여부
styleName	string	스타일 클래스 이름
textOperators	{ [key: string]: string; }	ValueType이 `text`인 컬럼이 사용할 filterOperator를 입력한다.
trimData	boolean	입력창에 입력된 값과 data의 앞뒤 공백을 지우고 filter를 적용한다.
visible	boolean	filterPanel이 보여질지 여부

Methods

Method	Type	Description
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

ValueType이 date인 컬럼이 사용할 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

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

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

showInput

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

Type - boolean

Remarks:

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

styleName

스타일 클래스 이름

Type - string

textOperators

ValueType이 text인 컬럼이 사용할 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만 지운다.

FilteringOptions FilterSelectorOptions