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)
- alpha : /^[A-Za-z]+$/g
-
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 입력된 문자열