맨위로가기
 

SBGRID

닫기

Input(input)

열 type 중 input type을 설정합니다. 데이터 입력이 가능한 유형입니다.
 

상세설명

INPUT

  • 설정 : SBGridProperties.columns = [{
         typeinfo : { maxlength : value1, autonext : value2, oneclickedit : value3,
    mask : { alias: value4, unmaskvalue : value5, rightAlign : value6 },
    autocomplete : value7, autocompleteinfo : {height : value8 , position : value9},
    autofillinput : {type : value10, filldata : value11},
    imemode : value12,
    hideeditesckey : value13,
    hideeditesckeyvaluechanged : value14}

    }];
    • value1(선택) : [number] 입력 가능한 최대 글자수
    • value2(선택) : [boolean] 최대 글자수 초과 시 자동으로 다음 셀 포커스 이동 여부
      • true      : 포커스 이동
      • false (default) : 포커스 이동하지 않음
    • value3(선택) : [boolean] 마우스 한 번의 클릭으로 편집 모드 활성화 여부
      • true      : 마우스 한 번 클릭으로 편집
      • false (default)  : 마우스 더블 클릭으로 편집
    • value4(선택) : [number] 편집 모드에서 데이터 표시 형식
      • '####-##-##'  : 생년월일
      • 'k'       : 한글만 입력 가능
      • 'numeric'    : 숫자만 입력 가능
      • '#'       : 한글 + 숫자만 입력 가능
      • '*', repeat : '*'  : 영어 + 숫자만 입력 가능
      • '#-', repeat : '*' : 숫자 + "-"만 입력 가능
      • 'datetimekr'  : yyyy/mm/dd hh:mm 형태 입력 가능
    • value5(선택) : [boolean] 실제 데이터를 alias를 적용하지 않은 입력 데이터로 변경 여부
      • true (default) : alias를 적용하지 않은 실제 입력한 데이터로 변경
      • false    : alias를 적용한 데이터로 변경
    • value6(선택) : [boolean] input, inputbutton 컬럼 타입 mask 속성 입력 시작 위치를 우측으로 설정할지 여부 지정
      • true (default) : 오른쪽 정렬
      • false    : 왼쪽 정렬
    • value7(선택) : [array] 자동 완성에 사용할 배열 데이터
    • value8(선택) : [string] popup 위치
      • 'bottom'(default)  : 아래쪽
      • 'top'       : 위쪽
      • 'right'        : 오른쪽
      • 'left'        : 왼쪽
    • value9(선택) : [string] 높이
    • value10(선택) : [string] 입력 유형별 입력 형태 설정
    • value11(선택) : [boolean] 입력 유형별 가공된 형태로 실제 데이터 저장 여부 설정
      • true (default) : 가공된 형태로 데이터 저장
      • false    : 가공된 형태로 데이터 저장 안함
    • value12(선택) : [String] ime 모드 여부 설정(IE에서만 지원)
      • active    : 한글 우선
      • inactive : 영어 우선
    • value13(선택) : [boolean] ESC KEY 입력을 통한 편집창 닫기여부 설정
      • true      : ESC KEY 입력 시, 편집창 닫기
      • false (defalut) : ESC KEY 입력 시, 편집창 유지
    • value14(선택) : [boolean] ESC KEY를 입력하여 셀 데이터 편집창 닫힐 경우, 데이터 변경여부 설정
      • true      : ESC KEY를 입력하여 셀 데이터 편집창을 닫았을 때, 데이터 변경 함
      • false (defalut) : ESC KEY를 입력하여 셀 데이터 편집창을 닫았을 때, 데이터 변경 안함

예시

autocomplete 열에 'a' 또는 'b'를 입력하여 자동 완성 기능을 확인해보세요.