Class: AutocompleteTextInput

AutocompleteTextInput

new AutocompleteTextInput()

그리드에서 일반적인 문자열을 입력받을 때 사용하는 에디터 컴포넌트입니다.

브라우저의 autocomplete(자동완성) 기능이 제공되어 이전에 입력했던 내용중 선택할 수 있는 기능이 제공되며 기능은 TextInput과 동일합니다.

브라우저별로 자동완성 기능의 사용여부를 설정할 수 있으며 이를 켜려면 각 브라우저의 도움말을 참조 바랍니다.

특히 IE는 기본적으로 꺼져있으므로 이를 켜려면 다음 url을 참조하여 “양식”에서 자동완성을 사용할 수 있도록 변경해야 합니다.

http://windows.microsoft.com/ko-kr/internet-explorer/fill-in-forms-remember-passwords-autocomplete#ie=ie-11

Members

displayAsPasswordboolean

입력되는 내용이 암호인지 여부.

문자 입력시 "*"로 대체되어 표시됩니다.

Default Value:
  • false
See:
  • 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getDisplayAsPassword(), setDisplayAsPassword(value)

editableboolean

사용자의 편집가능 여부.

Default Value:
  • true
See:
  • 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getEditable(), setEditable(value)

maxCharsnumber

입력할 수 있는 최대 문자의 수.

0일 경우 문자의 개수 제한은 없습니다.

Default Value:
  • 0
See:
  • 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getMaxChars(), setMaxChars(value)

restrictstring RegExp

입력되는 문자를 제한하고자 할 때 입력받을 수 있는 문자의 RegExp(Regular Expression).

이 속성은 사용자의 조작만을 제한합니다. 자바스크립트로 텍스트 필드에 입력하는 텍스트는 제한하지 않습니다.

문자열은 왼쪽에서 오른쪽으로 검색됩니다.


다음 예와 같이 작성하면 됩니다.

  • alpha : /^[A-Za-z]+$/g
  • numeric : /^[0-9]+$/g
  • alphaNumeric : /^[A-Za-z0-9]+$/g
See:
  • 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getRestrict(), setRestrict(value)

textstring

입력된 문자열.

null을 세팅해도 빈 문자열이 지정됩니다.

See:
  • 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getText(), setText(value)

Methods

addEventListener(type, listener)

type에 선언된 이벤트가 발생할 경우 이벤트를 받을 수 있는 listener 함수를 등록합니다.

Name Type Description
type string

이벤트 종류를 표현하는 문자열

listener function

이벤트 발생시 불려질 함수

removeEventListener(type, listener)

type에 선언된 이벤트에 연결된 listener 함수를 제거합니다.

Name Type Description
type string

이벤트 종류를 표현하는 문자열

listener function

이벤트 발생시 불려질 함수

Styles

backgroundColorcolor

배경색을 나타냅니다.

colorcolor

텍스트의 색깔을 나타냅니다.

fontFamilystring

사용할 폰트를 지정합니다.

fontSizestring

폰트 크기를 픽셀단위로 지정합니다.

fontStylestring

폰트 스타일을 나타냅니다.

(유효값 : “normal”,”italic”)

Default Value:
  • "normal"

fontWeightstring

폰트의 두께 속성을 나타냅니다.

(유효값 : “normal”,”bold”)

Default Value:
  • "normal"

textAlignstring

텍스트 정렬 방식을 나타냅니다.

(유효값 : “left”,”right”,”center”)

Default Value:
  • "left"

textDecorationstring

텍스트에 밑줄을 그을지 나타냅니다.

(유효값 : “none”,”underline”)

Events

change

사용자가 text를 변경시켰을 때 발생합니다.

Type:
  • Event

input

사용자가 문자를 입력하였을 경우 발생합니다.

Type:
  • Event
Properties:
Name Type Description
text string

입력된 문자열