Type

uiplugin

Property Summary

class

HTML의 class속성과 동일한 기능을 제공하며 css파일 또는 style블럭에 정의한 class를 1개 또는 공백(space)를 이용하여 다중 적용이 가능하다.

dataType

[default:text, number, date, time, link]컴포넌트 value의 data type을 명시하며 해당 값은 엔진에서 제공하는 displayFormat등의 속성에서 참조한다

displayFormat

엔진 내부에서 dataType 속성에 정의한 type에 따라 동작되며 excel의 서식을 적용하는 방식처럼 value의 format을 적용 할 수 있다.

displayFormatter

컴포넌트의 value를 이용하여 사용자 format을 정의 할 수 있는 기능으로 format을 정의한 function의 이름을 명시한다.

escape

[true, false] <>&"를 HTML Escape 문자로 변환하여 화면에 표시한다

escapeFormatter

컴포넌트의 value를 이용하여 사용자 format을 정의 할 수 있는 기능으로 format을 정의한 function의 이름을 명시한다. 보안상의 문제로 허용하지 않을 값(html tag, javascript:alert류의 값들) 사용자가 직접 컨트롤하기 위해 사용한다.

for

컴포넌트(label)가 click 됐을 때 focus를 주고자하는 컴포넌트의 id를 정의한다

id

컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능하다

label

컴포넌트의 value로 화면에 출력하고자 하는 text를 정의한다

localeRef

웹스퀘어의 client 다국어 기능을 적용 할 때 출력하고자 하는 text의 key를 정의한다.세부 적용은 Client 다국어 적용 가이드를 참조한다.

ref

DataCollection의 value 경로로 컴포넌트와 DataCollection의 value를 binding을 시킬 때 사용하며 "data:"라는 prefix는 필수로 붙여주어야 한다.

tagname

기본적으로 Textbox컴포넌트는 div Tag로 표현며 div가 아닌 다른 Tag로 표현하고자 할 때 사용한다.

userData1

사용자 정의 데이터 속성

userData2

사용자 정의 데이터 속성

userData3

사용자 정의 데이터 속성

Event Summary

onclick

마우스로 클릭했을 때 발생한다

ondblclick

마우스로 더블클릭했을 때 발생한다

onmouseout

마우스가 컴포넌트 영역 위에서 벗어났을 때 발생한다

onmouseover

마우스가 컴포넌트 영역 위에 놓일 때 발생한다

Method Summary

addClass( className )

컴포넌트에 class를 추가한다

bind( eventType , function )

컴포넌트의 이벤트를 동적으로 할당한다

changeClass( oldClassName , newClassName )

컴포넌트에서 oldClassName의 이름을 가진 class를 newClassName으로 변경한다.

focus( )

컴포넌트에 focus를 준다

getAttributeNode( attributeName )

기본적으로 tagname속성의 확장을 위해 만든 html attributes(스튜디오에서의 명칭)를 이용하여 정의 된 속성값을 반환한다.

getDataType( )

dataType 속성값을 반환한다

getDisabled( )

현재 설정되어있는 disabled 속성값을 반환한다

getFormatValue( )

format이 적용 된 값을 반환한다

getID( )

웹스퀘어 컴포넌트의 id를 반환한다

getOpacity( )

CSS로 정의 된 컴포넌트의 Opacity(불투명도) 값을 반환한다

getPluginName( )

웹스퀘어 컴포넌트의 pluginName(컴포넌트명)을 반환한다

getPosition( positionName )

컴포넌트의 left 또는 top의 위치 값을 반환한다

getReadOnly( )

현재 설정되어있는 readOnly 속성값을 반환한다

getSize( sizeName )

컴포넌트의 크기 값을 반환합니다

getStyle( propertyName )

컴포넌트에 적용 된 CSS의 propertyName에 해당하는 값을 반환한다

getStyleValue( style )

[deprecated]getStyle로 사용.

getTitle( )

title 속성값을 반환한다

getUserData( key )

setUserData API로 설정 된 사용자 데이터 또는 소스(화면 XML)에 사용자가 임의의 property로 정의 된 값을 반환한다

getValue( )

format이 적용 되지 않은 value(label 속성에 정의 된 값)를 반환한다

hasClass( className )

컴포넌트가 parameter로 받은 className의 class를 가지고 있는지의 여부를 반환한다

hide( )

컴포넌트를 화면에서 보이지 않도록 숨긴다.

removeAttributeNode( ref )

attributes 노드에서 nodeName에 해당하는 하위 노드를 삭제합니다.

removeClass( className )

컴포넌트에 className의 class를 삭제한다.

setAttributeNode( nodeName , nodeValue )

attributes 노드에서 nodeName에 해당하는 하위 노드에 값을 설정한다.

setDisabled( disabled )

컴포넌트의 disabled 속성을 설정한다

setDisplayFormat( format )

컴포넌트의 displayFormat 속성을 설정한다

setDisplayFormatter( formatter )

컴포넌트의 displayFormatter 속성을 설정한다

setEventPause( evList , flag )

컴포넌트의 이벤트를 disable 또는 enable시킨다

setLocaleRef( localeRef )

localeRef 속성값을 설정한다

setOpacity( value )

컴포넌트의 CSS Opacity(불투명도)값를 설정한다

setPosition( left , top , mode )

컴포넌트의 위치(left,top)를 설정한다

setReadOnly( readOnly )

readOnly 속성값을 설정한다

setRef( ref )

ref 속성을 설정한다

setSize( width , heigth )

컴포넌트의 크기(width,height)를 설정한다

setStyle( propertyName , value )

컴포넌트의 property별 style을 설정한다

setUserData( key , value )

컴포넌트에 사용자 데이터를 설정한다

setValue( label )

화면에 출력될 text인 value(label 속성에 정의 된 값)를 설정한다

show( displayType )

컴포넌트를 화면에 보이도록 설정한다.

toggleClass( className )

컴포넌트가 className의 이름을 가진 class를 가지고 있다면 제거하고, 가지고 있지 않다면 추가한다.

trigger( type , array )

컴포넌트에 등록 된 특정 이벤트를 발생시킨다

unbind( type , function )

컴포넌트에 등록 된 이벤트를 제거한다

visible( flag )

[deprecated]show/hide 로 사용하거나 setStyle을 통해 visible 속성을 설정한다.

class

HTML의 class속성과 동일한 기능을 제공하며 css파일 또는 style블럭에 정의한 class를 1개 또는 공백(space)를 이용하여 다중 적용이 가능하다.
기본적으로 엔진 내부에서 컴포넌트별로 class를 적용하고 있으며 해당 class를 이용하여 컴포넌트의 css를 공통으로 적용할 수 있다.

dataType

[default:text, number, date, time, link]컴포넌트 value의 data type을 명시하며 해당 값은 엔진에서 제공하는 displayFormat등의 속성에서 참조한다.

displayFormat

엔진 내부에서 dataType 속성에 정의한 type에 따라 동작되며 excel의 서식을 적용하는 방식처럼 value의 format을 적용 할 수 있다.
displayFormatter와 동시적용이 불가하다.
예시)dateType이 number일 경우 #,###.#0 으로 적용하면 3자리수 마다 ,가 찍히며 소수점 2자리까지 표현된다.

displayFormatter

컴포넌트의 value를 이용하여 사용자 format을 정의 할 수 있는 기능으로 format을 정의한 function의 이름을 명시한다.
정의한 format에서 엔진에서 파라메터로 넘겨준 value에 format을 적용 한 뒤 return 값을 통해 적용한다.
예시)전역 스크립트에 function fn_inputFormat (tmpVal){ return tmpVal+" 님" }; 을 정의하고 본 속성에 fn_inputFormat으로 명시.

escape

[true, false] <>&"를 HTML Escape 문자로 변환하여 화면에 표시한다.

escapeFormatter

컴포넌트의 value를 이용하여 사용자 format을 정의 할 수 있는 기능으로 format을 정의한 function의 이름을 명시한다. 보안상의 문제로 허용하지 않을 값(html tag, javascript:alert류의 값들) 사용자가 직접 컨트롤하기 위해 사용한다.
정의한 format에서 엔진에서 파라메터로 넘겨준 value에 format을 적용 한 뒤 return 값을 통해 적용한다.
displayFormatter와 동작은 동일하며, 차이점은 escapeFormatter는 formatter중 가장 먼저 적용된다.
화면 xml에 해당 속성에 대한 함수를 정의할 경우