AUISoft에이유아이소프트
데모 본문으로 이동

인라인 필터의 인풋(input)에 순수 값에 AND(&), OR(|), NOT(!) 확장 기능을 사용하도록 설정한 모습입니다.

// 그리드 칼럼 레이아웃 설정
const columnLayout = [ {
	dataField : "name",
	headerText : "Name",
	filter : {
		useInlineExtra : true // AND OR NOT 확장 인라인 필터 사용 (기본값 : false)
	},
	....

useInlineExtra 를 설정하면 해당 칼럼의 인라인 필터에서 AND(&), OR(|), NOT(!)을 같이 사용할 수 있습니다.

useInlineExtra 를 설정하면 & | ! 은 값으로 인식되지 않습니다. 연산자로 인식됩니다.

  • a&e : a 와 e 를 모두 포함하는 문자열로 필터링 - AND
  • an|em : an 또는 em 을 포함하는 문자열로 필터링 - OR
  • !a : a 를 포함하지 않는 문자열로 필터링 - NOT