맨위로가기
 

SBGRID

닫기

Inputcombo(inputcombo)

열 type 중 inputcombo type을 설정합니다. 자동완성 기능이 있는 콤보박스 형태의 선택 유형입니다.
 

상세설명

INPUTCOMBO

  • 설정 : SBGridProperties.columns = [{
        typeinfo : { ref : value1, label : value2, value : value3, oneclickedit : value4,
    itemcount : value5, displayui : value6, position : value7, emptyvalue : value8,
    listshowcode : value9, listshowcodejointext : value10, singlelistenterselect : value11,
    filtering : {usemode : value12, uppercol : value13, attrname : value14, listall : value15,
    unselect : {label : value16, value : value17}}, hideeditesckey : value18}

    }];
    • value1(필수) : [string] 콤보 데이터의 json 객체
    • value2(필수) : [string] 콤보 데이터의 key 중 그리드에 표시할 텍스트의 ref 명
    • value3(필수) : [string] 콤보 데이터의 key 중 실제로 이용할 코드값의 ref 명
    • value4(선택) : [boolean] 마우스 한 번의 클릭으로 편집 모드 활성화 여부
      • true      : 마우스 한번 클릭으로 편집
      • false (default)  : 마우스 더블 클릭으로 편집
    • value5(선택) : [number] 콤보 아이템의 표시 갯수
    • value6(선택) : [boolean] 화살표 아이콘 사용 여부
      • true (default)   : 화살표 아이콘 사용
      • false       : 화살표 아이콘 미사용
    • value7(선택) : [string] 콤보 아이템의 표시 위치
      • 'bottom' (default)   : 셀의 아래쪽에 콤보 아이템을 표시
      • 'top'         : 셀의 위쪽에 콤보 아이템을 표시
      • 'right'          : 셀의 오른쪽에 콤보 아이템을 표시
      • 'left'         : 셀의 왼쪽에 콤보 아이템을 표시
    • value8(선택) : [boolean] 빈 문자열 입력시 빈 문자열 데이터 set여부
      • true    : 빈 문자열 데이터 set 기능 사용
      • false    : 빈 문자열 데이터 set 기능 미사용
    • value9(선택) : [boolean] code, label 모두 표시 여부
      • true    : Code, Label 모두 표시
      • false (default)   : Label만 표시
    • value10(선택) : [string] code와 label 사이에 넣을 구분자 값
    • value11(선택) : [boolean] 색 중 표시된 list가 한개일 때 input에서 enter 키 입력 시 해당 list 값으로 데이터 설정
      • true    : enter시 list값으로 데이터 설정
      • false (default)   : enter시 list값으로 데이터 미설정
    • value12(선택) : [boolean] 콤보 필터링 사용 여부
      • true    : 콤보 필터링 사용
      • false    : 콤보 필터링 미사용
    • value13(선택) : [number | string] 멀티콤보적용시 부모콤보의 열 인덱스 또는 열 ref 명
    • value14(선택) : [string] 멀티콤보적용시 부모와 연관을 맺기 위한 부모콤보의 코드값
    • value15(선택) : [boolean] 멀티콤보적용시 부모 콤보값이 unselect일 때 자식 콤보에 모든 리스트 표시 여부
      • true    : 자식 콤보에 모든 리스트 표시
      • false    : 자식 콤보에 모든 리스트 미표시
    • value16(선택) : [string] 콤보 선택 값 없을 때 표현할 label 값
    • value17(선택) : [string] 콤보 선택 값 없을 때 표현할 value 값
    • value18(선택) : [boolean] ESC KEY 입력을 통한 편집창 닫기여부 설정
      • true      : ESC KEY 입력 시, 편집창 닫기
      • false (defalut) : ESC KEY 입력 시, 편집창 유지

제약사항

  • input컴포넌트와 combo 또는 inputcombo컴포넌트 동시에 사용할 수 없습니다.
  • listshowcode, list에서만 표시되는 기능으로 실제 combo에 표시되는 label, value 값은 별도입니다.
  • listshowcode, combo input에서 데이터 입력 시 label, code, 구분자 값으로 검색이 됩니다.
  • listshowcodejointext, 구분자 값도 검색에 포함됩니다.

예시

각 열을 더블클릭 하시면, 적용되어있는 콤보박스를 확인 할 수 있습니다.
기본형 열의 콤보박스 변경 후 콤보필터링 열을 변경시 필터링된 데이터로 콤보박스가 보여집니다.