매쉬업 작성기 > 위젯 > 표준 위젯 > 칩 기반 데이터 필터 위젯(테마 적용 가능)
칩 기반 데이터 필터 위젯(테마 적용 가능)
소개
칩 기반 데이터 필터 위젯을 사용하면 칩 기반 필터를 사용하여 대용량 데이터 집합을 질의하고 필터링할 수 있습니다.
위젯을 사용하여 고급 그리드 위젯에 있는 데이터를 필터링하는 방법을 보여주는 다음 비디오를 시청하십시오. 더 큰 창에서 비디오를 보려면 영상 제목을 클릭하십시오.
다음 이미지는 매쉬업에 사용되는 칩 기반 데이터 필터 위젯의 예를 보여줍니다. 필터를 적용한 후 필터 및 출력 칩을 적용하기 전에 위젯을 볼 수 있습니다.
1. 필터를 적용하기 전:
2. 필터를 적용한 후: 필터가 칩으로 나타납니다.
* 
• 칩 기반 데이터 필터 위젯은 ThingWorx 9.1 이상 버전부터 사용할 수 있습니다.
• 이 위젯은 플랫폼에서 표준 포함으로 사용할 수 있으며 SDK에서 가져오는 경우 웹 구성 요소로 사용할 수도 있습니다.
데이터 형식
칩 기반 데이터 필터 위젯에는 다음과 같은 두 가지 데이터 모델이 있습니다.
• Data의 경우:
위젯의 필터 카테고리로 사용되는 필드 정의를 포함하여 데이터 셰이프를 생성해야 합니다. 이러한 필드 정의는 매핑되어야 하고 각 필드는 필터 드롭다운에 표시되는 카테고리를 나타냅니다.
다음 이미지는 필드 정의의 예를 보여줍니다.
다음 이미지는 필드 정의를 기반으로 위젯의 필터 카테고리 드롭다운 목록을 보여줍니다.
구성 대화 상자를 사용하여 위젯에 필드 정의를 구성할 수 있습니다.
• DaysContainingData의 경우:
데이터를 포함하는 일을 표시하려는 경우에 사용되는 선택적 데이터 모델입니다. 기본 유형 DATETIME의 단일 필드 정의를 포함하는 데이터 셰이프를 생성해야 합니다.
다음 이미지는 필드 정의의 예를 보여줍니다.
위젯에서 필터 기준 날짜를 선택하면 달력에 데이터가 있는 각 일에 대해 점이 표시됩니다. 다음 이미지는 예를 보여줍니다.
속성 테이블
칩 기반 데이터 필터 위젯의 속성은 다음과 같습니다.
속성 이름
설명
기본 유형
기본값
바인딩 가능 여부 (Y/N)
로컬리제이션 가능 여부 (Y/N)
CategoryLabel
필터 카테고리에 대한 드롭다운 목록 위에 표시되는 텍스트입니다.
STRING
필터 기준
Y
Y
ConditionLabel
필터 조건에 대한 드롭다운 목록 위에 표시되는 텍스트입니다.
STRING
조건
Y
Y
CustomClass
위젯의 최상위 div에 대한 CSS를 정의합니다. 여러 클래스를 입력할 때는 각 클래스를 공백으로 구분합니다.
STRING
해당 없음
Y
N
Data
드롭다운 필터에 표시되는 칩 항목에 대한 인포테이블 소스 데이터입니다.
INFOTABLE
해당 없음
Y
N
DateOrder
표시되는 날짜의 형식을 설정합니다.
옵션은 자동, 일-월-년, 월-일-년 및 년-월-일입니다.
STRING
자동
Y
N
DaysContainingData
생성된 데이터 값이 있는 일에 대한 날짜 시간 데이터가 포함된 인포테이블 소스입니다.
데이터가 있는 날짜별로 달력에 점 표시기가 표시됩니다.
INFOTABLE
해당 없음
Y
N
FormatToken
"DD-MM-YY" 패턴을 사용하여 데이터 형식을 로컬리제이션합니다. 형식은 대/소문자를 구분하며 DateOrder 속성을 무시합니다.
이 구문은 ISO 형식을 따릅니다.
STRING
해당 없음
N
Y
LatitudeLabel
위치를 기준으로 필터링할 때 위도에 대한 입력 상자 위에 표시되는 텍스트입니다.
STRING
위도
Y
Y
LongitudeLabel
위치를 기준으로 필터링할 때 경도에 대한 입력 상자 위에 표시되는 텍스트입니다.
STRING
경도
Y
Y
Query
필터링된 데이터 집합을 검색하는 데 사용되는 JSON 질의를 설정할 수 있습니다.
QUERY
해당 없음
Y
N
QueryChanged
칩 기반 데이터 필터 위젯에 대한 질의가 수정되면 이벤트를 트리거합니다.
해당 없음
해당 없음
Y
N
RangeEndValueLabel
값 범위를 필터링할 때 두 번째 입력 상자 위에 표시되는 텍스트입니다.
STRING
값 2
Y
Y
RangeStartValueLabel
값 범위를 필터링할 때 첫 번째 입력 상자 위에 표시되는 텍스트입니다.
STRING
값 1
Y
Y
ShowAndHideFilters
위젯에 추가된 필터를 표시하고 숨길 수 있는 링크를 추가합니다.
BOOLEAN
True
Y
N
ShowAndOrOperator
칩 사이에 "또는"/"및" 논리 연산자를 사용하여 여러 필터를 조합할 수 있는 드롭다운 목록을 표시합니다.
BOOLEAN
False
Y
N
ShowCategoryListFilter
카테고리에 대한 드롭다운 목록에 필터 상자를 추가합니다.
필터를 적용할 텍스트를 입력할 수 있습니다. 이렇게 하면 긴 목록에서 항목을 더 쉽게 선택할 수 있습니다.
BOOLEAN
False
Y
N
SortFilters
데이터 필터 목록을 사전순으로 정렬합니다.
데이터 필터를 수동으로 정렬하려면 이 속성을 비활성화하고 위젯 구성 대화 상자에서 필터를 다시 정렬합니다.
BOOLEAN
True
Y
N
TabSequence
TAB 키를 누를 때 칩 기반 데이터 필터 위젯의 시퀀스 번호입니다.
NUMBER
해당 없음
Y
N
UnitsLabel
위치 또는 날짜별로 필터링할 때 단위를 설정하는 데 사용되는 드롭다운 목록 위에 표시되는 텍스트입니다.
STRING
단위
Y
Y
ValueLabel
조건 값을 포함하는 상자 위에 표시되는 텍스트입니다.
STRING
값
Y
Y
도움이 되셨나요?