Class: Label

WUX.Label

new Label 버그신고

레이블을 화면에 표시합니다.

Extends

Property
String
id

컴포넌트의 고유 식별자입니다. 하나의 Window 컴포넌트 내에서는 동일한 ID를 사용할 수 없습니다. 영문, 숫자를 조합하여 사용합니다.

Properties:
Name Type Description
id String id 설정
Example
     <button id="testID" />
inherited from
AbstractComponent
String
userData

서버로 전송되지않는 데이터 입니다. 컴포넌트에 임의의 데이터를 저장합니다.,

Properties:
Name Type Description
id String userData 설정
Example
     <button userData="T" />
inherited from
AbstractComponent
String
caption

컴포넌트의 텍스트를 설정합니다.

Properties:
Name Type Description
캡션 String 텍스트
Example
 <w:inputText caption="WUX.EMPTY_TEXT"/>
inherited from
AbstractUIComponent
Boolean
disabled

컴포넌트의 비활성화 여부를 설정합니다.

Properties:
Name Type Description
비활성화 Boolean 여부
Example
 <w:inputText disabled="false"/>
inherited from
AbstractUIComponent
String
height

컴포넌트의 높이를 설정합니다.

Properties:
Name Type Description
컴포넌트의 String 높이
Example
 <fieldPanel height="1ft"/>
inherited from
AbstractUIComponent
String
styleName

컴포넌트의 스타일을 변경합니다. 컨테이너컴포넌트는 아래의 스타일속성을 갖고 있습니다. - plain : 선 형태의 스타일 - light : 기본적인 스타일 - round : Round 형태의 스타일

Properties:
Name Type Description
스타일 String 이름
Example
     <w:fieldPanel styleName="light"/>
inherited from
AbstractUIComponent
Boolean
visible

컴포넌트의 화면 표시 상태를 설정합니다.

Properties:
Name Type Description
보임/숨김 Boolean 여부
Example
 <w:inputText visible="true"/>
inherited from
AbstractUIComponent
String
width

컴포넌트의 넓이를 설정합니다.

Properties:
Name Type Description
컴포넌트의 String 넓이
Example
 <fieldPanel width="1ft"/>
inherited from
AbstractUIComponent
Method
void
fire

     옵저버에 등록된 이벤트를 발생시킵니다.
     등록된 다른 모든 리스너에 이벤트가 전달됩니다.

Parameters:
Name Type Description
type String 타입
args String 파라미터
inherited from
Observer
void
on

     옵저버에 구독할 이벤트를 등록합니다.

Parameters:
Name Type Description
type String 이벤트 타입
fn Function 콜백함수
context Object 컨텍스트
inherited from
Observer
void
remove

     옵저버에 등록된 이벤트를 삭제합니다

Parameters:
Name Type Description
type String 타입
args String 파라미터
context String 컨텍스트
inherited from
Observer
String
getCx

컴포넌트 객체가 어떤 컴포넌트인지 판별할 수 있는 문자열을 반환합니다.

Returns:
컴포넌트 식별 문자
Type
String
Example
     //Button Component
     var compCx = WUX.getComponent('comp').getCx(); // Button
inherited from
AbstractComponent
String
getId

컴포넌트의 id(식별자)를 반환합니다.

Returns:
컴포넌트 Id
Type
String
Example
     var idComp = WUX.getComponent('comp').getId();
inherited from
AbstractComponent
Component
getParent

부모 컴포넌트를 반환합니다.

Returns:
부모 컴포넌트
Type
Component
Example
     var parentComp = WUX.getComponent('comp').getParent();
inherited from
AbstractComponent
String or Object
getUserData

    컴포넌트에 저장되어 있는 사용자 정의 데이터를 반환합니다.
    map 객체로 저장되 어있을경우 key를 넘기면 해당 key의 value만 반환합니다.

Parameters:
Name Type Description
key String 맵으로 입력되었을 경우의 key 값
Returns:
userData 사용자 정의 데이터
Type
String or Object
Example
     WUX.getComponent('comp').getUserData('key'); // return 맵의 키에 해당하는 값
     WUX.getComponent('comp').getUserData(); // return Object
inherited from
AbstractComponent
Component
getWindow

대상 컴포넌트가 포함된 Window 컴포넌트를 반환합니다.

Returns:
컴포넌트
Type
Component
Example
     var windowComp = WUX.getComponent('comp').getWindow();
inherited from
AbstractComponent
String or Object
setUserData

    컴포넌트에 사용자 정의데이터를 세팅합니다.
    서버로 전송되지 않습니다.

Returns:
userData 사용자 정의 데이터
Type
String or Object
Example
     WUX.getComponent('comp').setUserData('aa');
     WUX.getComponent('comp').setUserData('key', 'value');
     WUX.getComponent('comp').setUserData({key:'value',key2:'value'});
inherited from
AbstractComponent
void
addClass

컴포넌트에 선언 되어있는 CSS Class를 추가합니다.

Parameters:
Name Type Description
CSSClass String
Example
     WUX.getComponent('comp').addClass('user-css');
inherited from
AbstractUIComponent
String
getCaption

현재의 캡션 텍스트를 반환합니다.

Returns:
캡션 텍스트
Type
String
Example
     WUX.getComponent('comp').getCaption();
inherited from
AbstractUIComponent
String
getHeight

컴포넌트의 높이를 반환합니다.

Returns:
컴포넌트 높이
Type
String
Example
     var height = WUX.getComponent('comp').getHeight();
inherited from
AbstractUIComponent
String
getWidth

컴포넌트의 넓이를 반환합니다.

Returns:
컴포넌트 넓이
Type
String
Example
     var width = WUX.getComponent('comp').getWidth();
inherited from
AbstractUIComponent
void
hasClass

컴포넌트에서 동일한 CSS Class를 갖고 있는지를 확인합니다..

Parameters:
Name Type Description
CSSClass String
Example
     if(WUX.getComponent('comp').hasClass('user-css')){
         //hasClass
     }
inherited from
AbstractUIComponent
Boolean
isDisabled

컴포넌트의 비활성화 여부를 반환합니다.

Returns:
비활성화 여부
Type
Boolean
Example
     WUX.getComponent('comp').isDisabled();
inherited from
AbstractUIComponent
Boolean
isVisible

컴포넌트의 화면 표시 여부를 반환합니다.

Returns:
화면표시 여부
Type
Boolean
Example
     WUX.getComponent('comp').isVisible();
inherited from
AbstractUIComponent
void
removeClass

컴포넌트에서 동일한 CSS Class를 삭제합니다.

Parameters:
Name Type Description
CSSClass String
Example
     WUX.getComponent('comp').removeClass('user-css');
inherited from
AbstractUIComponent
void
setCaption

캡션 텍스트를 변경합니다.

Example
     WUX.getComponent('comp').setCaption('캡션');
inherited from
AbstractUIComponent
void
setDisabled

컴포넌트의 활성화/비활성화를 변경합니다.

Parameters:
Name Type Description
비활성화 Boolean 여부
Example
     WUX.getComponent('comp').setDisabled(true);
inherited from
AbstractUIComponent
void
setHeight

컴포넌트의 높이를 변경합니다.

Parameters:
Name Type Description
컴포넌트 String or Number 높이
Example
     WUX.getComponent('comp').setHeight(200);
inherited from
AbstractUIComponent
void
setLabelAlign

레이블의 Align을 설정합니다. (left, right, center)_(top,bottom, center) 식으로 표현이 가능하며 앞 부분은 좌,우 정렬, 뒷 부분은 위, 아래의 정렬을 하고 단일 center의 입력도 가능하다.

Example
     WUX.getComponent('comp').setLabelAlign('center_center');
inherited from
AbstractUIComponent
void
setSizeFull

컴포넌트를 넓이, 높이 모두 Fit 합니다.

Example
     WUX.getComponent('comp').setSizeFull();
inherited from
AbstractUIComponent
void
setVisible

컴포넌트의 화면 표시 여부를 변경합니다.

Parameters:
Name Type Description
화면표시여부 Boolean
Example
     WUX.getComponent('comp').setVisible(true);
inherited from
AbstractUIComponent
void
setWidth

컴포넌트의 넓이를 변경합니다.

Parameters:
Name Type Description
컴포넌트 String or Number 넓이
Example
     WUX.getComponent('comp').setWidth(200);
inherited from
AbstractUIComponent
Events
onClick

     컴포넌트를 클릭했을때 발생하는 이벤트입니다.

Example
     <button onClick="onClick" value="param1" >
inherited from
AbstractUIComponent