동물을 검색하여 선택하세요. 목록에 그룹이 둘 이상이면 드롭다운 위쪽의 그룹 버튼으로 해당 그룹 위치로 바로 이동할 수 있습니다. 태그를 클릭하면 해당 태그 근처의 편집창에서 조건을 바꿀 수 있고, 이 컨트롤은 hideLogicBadge:false라서 AND/OR 배지가 보이고 groupDisplay:'badge'라서 그룹 이름이 배지 뒤에 표시됩니다(hideLogicBadge 기본값 true는 배지를 숨기고, groupDisplay 기본값 'tooltip'은 마우스를 올리면 툴팁으로 보입니다). AND/OR는 상단 배지, 비교 조건은 왼쪽 테두리 색상으로 구분합니다.
드롭다운 크기
기본 너비는 컨트롤 폭(dropdownWidth:'100%')입니다. 자동 너비('auto')는 검색된 목록의 길이에 맞춥니다. 고정 크기는 목록 개수와 관계없이 지정한 픽셀값을 사용합니다.
기본값: 컨트롤 폭 · 기본 높이
자동 너비 (dropdownWidth:'auto')
고정 너비 320px · 고정 높이 180px
기간 범위 (년월일 · 년월 · 시간)
optgroups에 range:'date'|'month'|'time'를 지정하면 입력 영역 오른쪽에 그룹별 범위 버튼이 나타납니다. min·max로 선택 범위를 제한할 수 있고, 선택한 범위가 없으면 편집창은 현재 값을 기본값으로 보여줍니다. 버튼이나 범위 태그를 눌러 시작·끝을 입력하면 시작은 gte, 끝은 다음 날·다음 달·다음 분 lt(23:59는 lte) 조건으로 선택됩니다.
[]
getSummaryText()
일반 텍스트 (options에 없는 입력)
create:true일 때 후보에 없는 텍스트를 입력하고 Enter를 누르면 일반 텍스트가 됩니다. 블라블라는 value, 키 이름:블라블라는 첫 : 기준으로 key·value가 됩니다. 일반 텍스트는 getValue()에 포함되지 않고 getNormalText()로 [{logic, operator, key, value}]를 받습니다. 태그 왼쪽 위 배지에는 AND/OR와 key가 함께 표시됩니다. 후보의 키나 표시값과 같게 입력하면 그 후보가 선택됩니다. 점선 테두리 태그가 일반 텍스트입니다.
이 컨트롤은 hideLogicBadge:false라서 AND/OR 배지에 일반 텍스트의 key가 함께 보이고 groupDisplay:'inline'이라 후보의 그룹 이름이 태그 안에 표시됩니다. 기본값 'tooltip'인 위쪽 컨트롤들은 항목 이름만 보이고 그룹 이름은 마우스를 올리면 툴팁으로 나타납니다.
getValue()
[]
getNormalText()
[]
getSummaryText()