WebSquare.uiplugin.windowContainer

MDI를 지원하는 컴포넌트로 내부에 윈도우를 띄워 여러 화면을 배열하여 띄울수 있습니다.

Type

uiplugin

Property Summary

class: windowContainer의 class 속성
closeOthers: toolbar의 closeAll 버튼사용시 현재 window를 제외하고 닫을지에 대한 여부
closeType: useFixButton 사용시 고정핀에 따른 window닫기 설정
confirmFalseAction: 중복 확인 메세지에서 아니오를 선택했을때의 동작
confirmMessage: 중복 확인시 메세지
confirmMessageLocaleRef: 다국어 옵션 사용시 중복 확인 메세지의 참고 키값
confirmTrueAction: 중복 확인 메세지에서 예를 선택했을때의 동작
defaultHeight: 윈도우 기본 높이 pixel
defaultWidth: 윈도우 기본 너비 pixel
fixArrangeFullScreen: 현재 윈도우수가 arrangeNum보다 작을때 화면을 전부 사용할지 여부
horizontalArrangeNum: 고정 버튼을 사용할 경우, 수평 정렬시 정렬시킬 화면개수
id: windowContainer 컴포넌트의 id
lineBreakNum: 수평,수직 정렬시 현재 윈도우의 개수가 해당 값 이상일때 개행 시킴
minimumHeight: 윈도우 최소 높이 pixel
minimumWidth: 윈도우 최소 넓이 pixel
sequentialArrangeColNum: 고정 버튼을 사용할 경우, 바둑판 정렬시 정렬시킬 화면 col의 값
sequentialArrangeRowNum: 고정 버튼을 사용할 경우, 바둑판 정렬시 정렬시킬 화면 row의 값
statusMsg: window 기본 상태 메세지
toolbarPosition: 툴바의 위치
tooltipDisplay: 네임레이어에 툴팁 사용여부
tooltipGroupClass: tooltip에 w2group 스타일을 포함시킬지(true) 제거할지(false)를 결정하는 옵션
useCloseButton: 네임레이어의 닫기버튼 사용여부
useConfirmMessage: 중복 윈도우 생성시 확인메세지 사용여부
useControlIconTitle: controlIcon (수평,수직,계단,바둑판,닫기버튼)에 title을 넣을 것인지를 결정하는 옵션입니다
useFixButton: 네임레이어의 고정버튼 사용여부
useStatusMsg: Window 상태 메시지 사용 유무
verticalArrangeNum: 고정 버튼을 사용할 경우, 수직 정렬시 정렬시킬 화면개수
windowAutoResize: setSize()시 하위 윈도우들의 위치 및 크기의 재정렬 여부
windowMaxNum: 최대 윈도우 갯수
windowTooltipDisplay: 창의 헤더에 툴팁 사용여부

Event Summary

Method Summary

addClass( className ): 컴포넌트에 className의 이름을 가진 class를 추가합니다
bind( type , function ): 컴포넌트의 이벤트를 동적으로 할당합니다
changeClass( oldClassName , newClassName ): 컴포넌트에서 oldClassName의 이름을 가진 class를 newClassName으로 치환합니다
closeWindow( ): 현재 선택되어 있는 윈도우의 닫는다
createWindow( title , iconUrl , src , windowTitle , windowId , openAction , closeAction , windowTooltip ): 윈도우를 생성한다
doCloseAll( ): 윈도우를 모두 닫는다
focus( ): 객체에 focus를 줍니다
getDisabled( ): 현재 설정되어있는 disabled 속성을 반환합니다
getGeneratedComponent( id ): 동일한 index에 속한 다른 컴퍼넌트 객체를 가져옵니다
getGeneratedIndex( ): generator 반복부에서 해당 index를 반환합니다
getID( ): 웹스퀘어 컴포넌트의 id를 반환합니다
getOpacity( ): 컴포넌트의 Opacity 값을 반환합니다
getPluginName( ): 웹스퀘어 컴포넌트의 pluginName을 반환합니다
getPosition( positionName ): 컴포넌트의 위치 값을 반환합니다
getReadOnly( ): 현재 설정되어있는 readOnly 속성을 반환합니다
getSelectedIndex( ): 선택된 window의 index를 가져온다
getSelectedWindowId( ): 선택된 window의 windowId를 가져온다
getSize( sizeName ): 컴포넌트의 크기 값을 반환합니다
getStyle( propertyName ): 컴포넌트의 propertyName에 해당하는 style의 값을 반환합니다
getStyleValue( style ): 컴포넌트의 style중에서 입력받은 style의 값을 반환합니다
getTitle( ): component의 title 속성을 가져온다
getUserData( key ): 설정된 사용자 임의의 데이터를 반환 합니다.
getWindow( title ): 인자로 넘겨진 title를 가진 윈도우 객체의 windowContent를 반환한다
getWindowByWindowId( windowId , focus ): 인자로 넘겨진 windowId를 가진 윈도우 객체의 windowContent를 반환한다
getWindowLabel( windowId , type ): type에 따라 windowId에 해당하는 name layer의 title window의 title 혹은 windowTooltip을 반환합니다
hasClass( className ): 컴포넌트가 className의 이름을 가진 class를 가지고 있는지 여부를 반환합니다
hide( ): 컴포넌트를 화면에서 보이지 않도록 숨깁니다
removeClass( className ): 컴포넌트에 className의 이름을 가진 class를 삭제합니다
setAllWindowStatusMsg( msg ): 모든 윈도우의 상태 메세지를 설정한다
setDisabled( disabled ): 객체의 disabled 속성을 제어합니다
setFocus( index ): index에 해당하는 window에 focus를 준다
setOpacity( value ): 컴포넌트의 Opacity 값을 설정합니다
setPosition( left , top , mode ): 컴포넌트의 위치를 설정합니다
setReadOnly( readOnly ): 객체의 readOnly 속성을 제어합니다
setSize( width , height ): 컴포넌트의 크기를 조정한다
setStyle( propertyName , value ): 컴포넌트의 propertyName에 해당하는 style의 값을 설정합니다
setUserData( key , value ): 사용자 임의의 데이터를 객체에 설정합니다
setWindowLabel( windowId , type , value ): type에 따라 windowId에 해당하는 name layer의 title window의 title 혹은 windowTooltip을 변경합니다
setWindowPosition( left , top ): 현재 선택되어 있는 윈도우의 위치를 조정한다
setWindowSize( width , height ): 현재 선택되어 있는 윈도우의 크기를 조정한다
setWindowStatusMsg( msg ): 현재 선택되어 있는 윈도우의 상태 메세지를 설정한다
show( displayType ): 컴포넌트를 화면에 보이도록 설정합니다
toggleClass( className ): 컴포넌트가 className의 이름을 가진 class를 가지고 있다면 제거하고, 가지고 있지 않다면 추가한다
trigger( type , array ): 컴포넌트에 등록된 특정 이벤트를 직접 발생시킵니다
unbind( type , function ): 컴포넌트의 이벤트를 동적으로 제거합니다
visible( flag ): 컴포넌트의 style 중 visibility 값을 설정합니다

Property Detail

class: windowContainer의 class 속성
closeOthers: toolbar의 closeAll 버튼사용시 현재 window를 제외하고 닫을지에 대한 여부
closeType: useFixButton 사용시 고정핀에 따른 window닫기 설정
all : 모든 윈도우를 닫는다.
noneFixedWindow : 고정핀 설정을 하지 않은 윈도우를 모두 닫는다.
fixedWindow : 고정핀 설정을한 윈도우를 모두 닫는다.
confirmFalseAction: 중복 확인 메세지에서 아니오를 선택했을때의 동작
confirmMessage: 중복 확인시 메세지
confirmMessageLocaleRef: 다국어 옵션 사용시 중복 확인 메세지의 참고 키값
confirmTrueAction: 중복 확인 메세지에서 예를 선택했을때의 동작
defaultHeight: 윈도우 기본 높이 pixel
defaultWidth: 윈도우 기본 너비 pixel
fixArrangeFullScreen: 현재 윈도우수가 arrangeNum보다 작을때 화면을 전부 사용할지 여부
horizontalArrangeNum: 고정 버튼을 사용할 경우, 수평 정렬시 정렬시킬 화면개수
id: windowContainer 컴포넌트의 id
lineBreakNum: 수평,수직 정렬시 현재 윈도우의 개수가 해당 값 이상일때 개행 시킴
minimumHeight: 윈도우 최소 높이 pixel
minimumWidth: 윈도우 최소 넓이 pixel
sequentialArrangeColNum: 고정 버튼을 사용할 경우, 바둑판 정렬시 정렬시킬 화면 col의 값
sequentialArrangeRowNum: 고정 버튼을 사용할 경우, 바둑판 정렬시 정렬시킬 화면 row의 값
statusMsg: window 기본 상태 메세지
toolbarPosition: 툴바의 위치
tooltipDisplay: 네임레이어에 툴팁 사용여부
tooltipGroupClass: tooltip에 w2group 스타일을 포함시킬지(true) 제거할지(false)를 결정하는 옵션
useCloseButton: 네임레이어의 닫기버튼 사용여부
useConfirmMessage: 중복 윈도우 생성시 확인메세지 사용여부
useControlIconTitle: controlIcon (수평,수직,계단,바둑판,닫기버튼)에 title을 넣을 것인지를 결정하는 옵션입니다.
useFixButton: 네임레이어의 고정버튼 사용여부
useStatusMsg: Window 상태 메시지 사용 유무.
verticalArrangeNum: 고정 버튼을 사용할 경우, 수직 정렬시 정렬시킬 화면개수
windowAutoResize: setSize()시 하위 윈도우들의 위치 및 크기의 재정렬 여부
windowMaxNum: 최대 윈도우 갯수
windowTooltipDisplay: 창의 헤더에 툴팁 사용여부

Event Detail

Method Detail

addClass( className )

컴포넌트에 className의 이름을 가진 class를 추가합니다.

Parameter
name	type	required	description
className	String	Y	추가하고 싶은 class의 이름

Sample

componentId.addClass("selected"); // 컴포넌트에 selected 라는 class를 추가.

bind( type , function )

컴포넌트의 이벤트를 동적으로 할당합니다.

Parameter
name	type	required	description
type	String	Y	동적으로 할당할 이벤트의 이름
function	Function	Y	동적으로 할당할 이벤트의 핸들러 ㅎ마수

Sample

* | input1.bind("onclick", function(e){ alert(input1.getValue();})); // input1 클릭 시 이벤트 발생. 브라우저 이벤트로 등록
* | input1.bind("onchange", function(e){ alert(input1.getValue();})); // input1 값 변경 시 . 브라우저 이벤트가 아니고 웹스퀘어 엔진 내부의 이벤트로 등록된다.

changeClass( oldClassName , newClassName )

컴포넌트에서 oldClassName의 이름을 가진 class를 newClassName으로 치환합니다.

Parameter
name	type	required	description
oldClassName	String	Y	element에서 삭제할 class의 이름
newClassName	String	Y	element에서 추가할 class의 이름

Sample

componentId.changeClass("selected","default"); // 컴포넌트에 selected 라는 class를 default라는 class로 변경.

closeWindow( )

현재 선택되어 있는 윈도우의 닫는다.

Sample

windowContainer1.closeWindow(); window 창의 닫기 버튼을 누른 것과 동일.

createWindow( title , iconUrl , src , windowTitle , windowId , openAction , closeAction , windowTooltip )

윈도우를 생성한다.

Parameter
name	type	required	description
title	String	Y	네임레이어에 표시되는 타이틀
iconUrl	String	Y	각 윈도우의 아이콘 url 문자열 현재는 사용안함
src	String	Y	window안에 표시할 주소
windowTitle	String	N	window 상단의 헤더에 표시될 타이틀, null 이나 ""입력시 title값을 출력
windowId	String	N	창의 기본 id는 title이지만 다른 id를 사용하고자 할 때 사용
openAction	String	N	existWindow \| newWindow \| selectWindow / existWindow : id가 동일한 윈도우가 떠있으면 그 윈도우를 사용하여 다시 표시 / newWindow : 항상 새로운 창을 생성 / selectWindow : id가 동일한 창이 있으면 그 윈도우를 선택
closeAction	String	N	창이 닫힐 때 동작을 지정하는 함수명(return은 boolean으로 하여야 함 false일 경우 닫기 중지, true일 경우 닫기)
windowTooltip	String	N	window tooltip(미입력시 windowTitle이 tooltip으로 셋팅됨)

Sample

function closeMsg(){ //닫기버튼 클릭시, 호출되는 함수. return confirm("do you close this window?"); // 확인, 취소 버튼이 있는 메세지 창 사용. //return false; // 무조건 닫기 취소. } windowContainer1.createWindow( "music" , "" , "/test/music.xml", "music", "1", "existWindow", "closeMsg"); id가 동일한 윈도우가 존재하면 그 윈도우를 사용하여 URL을 표시하는 윈도우를 생성한다. 닫기버튼 클릭시, do you close this window? 메시지창을 호출한다.

doCloseAll( )

윈도우를 모두 닫는다.

focus( )

객체에 focus를 줍니다.

getDisabled( )

현재 설정되어있는 disabled 속성을 반환합니다.

Return
type	description
Boolean	현재 설정되어있는 disabled 속성

Sample

var returnValue = componentId.getDisabled(); // returnValue는 true혹은 false이다.

getGeneratedComponent( id )

동일한 index에 속한 다른 컴퍼넌트 객체를 가져옵니다.

Parameter
name	type	required	description
id	String	N	찾아오려는 컴퍼넌트 id

Return
type	description
Object	동일한 id에 속한 다른 컴퍼넌트 객체

Sample

다음과 같이 사용할 수 있다. var content = this.getGeneratedComponent("content1"); content.setValue("");

getGeneratedIndex( )

generator 반복부에서 해당 index를 반환합니다.

Return
type	description
Number	generator 반복부에서 해당 index.

getID( )

웹스퀘어 컴포넌트의 id를 반환합니다.

Return
type	description
String	웹스퀘어 컴포넌트의 id

Sample

다음과 같이 사용할 수 있다. <script ev:event="onclick" type="javascript"><![CDATA[ var returnValue = this.getID(); ]]></script> returnValue는 컴포넌트의 id(예: input1)이다.

getOpacity( )

컴포넌트의 Opacity 값을 반환합니다.

Return
type	description
Integer	Opacity 값

Sample

var returnValue = componentId.getOpacity(); // returnValue는 0~1사이의 실수이다.

getPluginName( )

웹스퀘어 컴포넌트의 pluginName을 반환합니다.

Return
type	description
String	웹스퀘어 컴포넌트의 pluginName

Sample

다음과 같이 사용할 수 있다. <script ev:event="onclick" type="javascript"><![CDATA[ var returnValue = this.getPluginName(); ]]></script> returnValue는 컴포넌트의 종류(예: input, checkbox ...)이다.

getPosition( positionName )

컴포넌트의 위치 값을 반환합니다.

Parameter
name	type	required	description
positionName	String	Y	위치 값의 종류('left'이거나 'top')

Return
type	description
Number	컴포넌트의 위치 값

Sample

var returnValue = componentId.getPosition("left"); // returnValue는 픽셀 단위의 위치 값이다. %로 설정된 경우, 픽셀로 변환하여 반환한다.

getReadOnly( )

현재 설정되어있는 readOnly 속성을 반환합니다.

Return
type	description
Boolean	현재 설정되어있는 readOnly 속성

Sample

var returnValue = componentId.getReadOnly(); // returnValue는 true혹은 false이다.

getSelectedIndex( )

선택된 window의 index를 가져온다.

Sample

var returnValue = windowContainer1.getSelectedIndex(); returnValue는 0, 1, 2...

getSelectedWindowId( )

선택된 window의 windowId를 가져온다.

Sample

var returnValue = windowContainer1.getSelectedWindowId(); returnValue는 현재 선택된 윈도우의 windowId

getSize( sizeName )

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

Parameter
name	type	required	description
sizeName	String	Y	크기 값의 종류. szieName의 종류는 다음을 참고.

Return
type	description
Number	컴포넌트의 크기 값

Sample

var returnValue = componentId.getSize("width"); // returnValue는 픽셀 단위의 크기 값이다. %로 설정된 경우, 픽셀로 변환하여 반환한다.

getStyle( propertyName )

컴포넌트의 propertyName에 해당하는 style의 값을 반환합니다.

Parameter
name	type	required	description
propertyName	String	Y	반환할 style의 property 이름

Return
type	description
String	객체의 style 속성 값

Sample

var returnValue = componentId.getStyle("width"); // returnValue는 width에 대한 픽셀 단위, 또는 % 단위가 된다.

getStyleValue( style )

컴포넌트의 style중에서 입력받은 style의 값을 반환합니다.

Parameter
name	type	required	description
style	String	Y	style중에서 사용자가 구하고 싶은 값

Return
type	description
String	style중에서 사용자가 입력한 style의 값(색을 반환하는 경우에는 색HexCode로 반환)

getTitle( )

component의 title 속성을 가져온다.

Return
type	description
String	component의 title 속성값.

Sample

var title = componentId.getTitle();

getUserData( key )

설정된 사용자 임의의 데이터를 반환 합니다.
xml상에 설정된 사용자 값도 가져올 수 있습니다.

Parameter
name	type	required	description
key	String	Y	임의 데이터의 키

Return
type	description
String	key 값에 해당하는 데이터의 값

Sample

componentId.setUserData("data", "WebSquare"); var returnValue = componentId.getUserData("data"); returnValue는 WebSquare이다. <xf:input id="input1" style="position: absolute ;left:0px;top:0px;width: 100px;height: 20px;" data2="WEBSQUARE">... 와 같이 xml상에 설정된 사용자 정의 값도 가져올 수 있다. var returnValue = componentId.getUserData("data2"); returnValue는 WEBSQUARE이다.

getWindow( title )

인자로 넘겨진 title를 가진 윈도우 객체의 windowContent를 반환한다.

Parameter
name	type	required	description
title	String	Y	윈도우 title

Return
type	description
Object	내부 프레임의 windowContent

Sample

windowContainer1.createWindow( "music" , "" , "/test/music.xml", "music", "1", "existWindow", "closeMsg"); var retObj = windowContainer1.getWindow("music"); retObj는 /test/music.xml에 정의된 WebSquare 컴포넌트나 함수 접근이 가능하다. 예: retObj.input1.setValue("WebSquare");

getWindowByWindowId( windowId , focus )

인자로 넘겨진 windowId를 가진 윈도우 객체의 windowContent를 반환한다.

Parameter
name	type	required	description
windowId	String	Y	윈도우 windowId
focus	Boolean	N	윈도우에 focus 줄지 여부

Return
type	description
Object	내부 프레임의 windowContent

Sample

windowContainer1.createWindow( "music" , "" , "/test/music.xml", "music", "windowId3", "existWindow", "closeMsg"); var retObj = windowContainer1.getWindowByWindowId("windowId3", true); retObj는 /test/music.xml에 정의된 WebSquare 컴포넌트나 함수 접근이 가능하다. 예: retObj.input1.setValue("WebSquare"); 두번째 인자를 true로 받았으므로 retObj에 해당하는 윈도우에 포커스를 준다.

getWindowLabel( windowId , type )

type에 따라 windowId에 해당하는 name layer의 title window의 title 혹은 windowTooltip을 반환합니다. type의 종류는 [toolbar, window, tooltip]으로 toolbar : toolbar에 있는 name layer의 title을 변경합니다. window : window의 title을 변경합니다. tooltip : toolbar에 있는 name layer에 mouse over시 나오는 tooltip의 문구를 변경합니다.

Parameter
name	type	required	description
windowId	String	Y	반환할 window의 id
type	String	Y	반환할 종류

Sample

windowContainer1.getWindowLabel("window3", "toolbar"); // id가 window3에 해당하는 window의 name layer title을 반환 windowContainer1.getWindowLabel("window2", "window"); // id가 window3에 해당하는 window의 window title을 반환

hasClass( className )

컴포넌트가 className의 이름을 가진 class를 가지고 있는지 여부를 반환합니다.

Parameter
name	type	required	description
className	String	Y	조사할 className

Return
type	description
Boolean	컴포넌트가 className의 class를 가지고 있는지 여부

Sample

var returnValue = componentId.hasClass("selected"); // returnValue는 true 또는 false.
selected라는 class를 가지고 있으면 true, 아니면 false를 반환한다.

hide( )

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

Sample

componentId.hide();

removeClass( className )

컴포넌트에 className의 이름을 가진 class를 삭제합니다.

Parameter
name	type	required	description
className	String	Y	삭제하고 싶은 class의 이름

Sample

componentId.removeClass("selected"); // 컴포넌트에 selected 라는 class를 삭제.

setAllWindowStatusMsg( msg )

모든 윈도우의 상태 메세지를 설정한다.

Parameter
name	type	required	description
msg	String	Y	상태 메세지

Sample

windowContainer1.setAllWindowStatusMsg('LOADING');

setDisabled( disabled )

객체의 disabled 속성을 제어합니다. Disabled 속성을 활성화 시키려면 true 비활성화 시키려면 false를 입력합니다.

Parameter
name	type	required	description
disabled	Boolean	Y	Disabled 속성을 활성화 시키려면 true 비활성화 시키려면 false

Sample

componentId.setDisabled(true);
입력가능한 컴포넌트의 경우 입력이 불가능한 상태가 된다.

setFocus( index )

index에 해당하는 window에 focus를 준다.

Parameter
name	type	required	description
index	Number	Y	Window index

Sample

windowContainer1.setFocus(0);

setOpacity( value )

컴포넌트의 Opacity 값을 설정합니다.

Parameter
name	type	required	description
value	Integer	Y	설정할 Opacity 값 (0과 1사이의 실수)

Sample

componentId.setOpacity(0.45);

setPosition( left , top , mode )

컴포넌트의 위치를 설정합니다.

Parameter
name	type	required	description
left	Integer	Y	left의 값
top	Integer	Y	top의 값
mode	String	N	absolute이면 x,y로 현재 값을 설정하고 delta이면 현재 값에 x,y값만큼을 더해서 설정. (기본모드는 absolute)

Sample

componentId.setPosition(100, 100, "absolute");

setReadOnly( readOnly )

객체의 readOnly 속성을 제어합니다. readOnly 속성을 활성화 시키려면 true 비활성화 시키려면 false를 입력합니다.

Parameter
name	type	required	description
readOnly	Boolean	Y	readOnly 속성을 활성화 시키려면 true 비활성화 시키려면 false

Sample

componentId.setReadOnly(true);
입력가능한 컴포넌트의 경우 입력이 불가능한 상태가 된다.

setSize( width , height )

컴포넌트의 크기를 조정한다.

Parameter
name	type	required	description
width	Number	Y	컴포넌트의 폭
height	Number	Y	컴포넌트의 높이

Sample

windowContainer1.setSize(300,300); width는 450px, height는 300px인 windowContainer 생성. width는 450px, height는 150px 이하로 줄일 수 없다.

setStyle( propertyName , value )

컴포넌트의 propertyName에 해당하는 style의 값을 설정합니다.

Parameter
name	type	required	description
propertyName	String	Y	바꾸고 싶은 style 값의 이름
value	String	Y	설정할 style의 값

Sample

예: 컴포넌트 스타일 width를 변경하고자 하는 경우. componentId.setStyle("width", 100); 픽셀 단위를 기본으로 하며, componentId.setStyle("width", "100px"); 과 동일하다. %단위의 표현을 하고자 하면 componentId.setStyle("width", "100%"); 로 명시하여 준다.

setUserData( key , value )

사용자 임의의 데이터를 객체에 설정합니다.

Parameter
name	type	required	description
key	String	Y	임의 데이터의 키
value	String	Y	임의 데이터의 값

Sample

공통 API로 모든 컴포넌트에서 사용 가능하다. componentId.setUserData("data", "WebSquare");
객체에 설정이 가능한 key가 아닌 경우, key 설정이 불가능하다. componentId.setUserData("title", "WebSquare");
!!!WARNING - [title] can't define as UserData 와 같이 로그에 경고문구가 쌓인다.

setWindowLabel( windowId , type , value )

type에 따라 windowId에 해당하는 name layer의 title window의 title 혹은 windowTooltip을 변경합니다. type의 종류는 [all, toolbar, window, tooltip]으로 all : 아래의 3종류 모두를 변경합니다. toolbar : toolbar에 있는 name layer의 title을 변경합니다. window : window의 title을 변경합니다. tooltip : toolbar에 있는 name layer에 mouse over시 나오는 tooltip의 문구를 변경합니다.

Parameter
name	type	required	description
windowId	String	Y	변경할 window의 id
type	String	Y	변경할 종류
value	String	Y	변경할 값

Sample

windowContainer1.setWindowLabel("window3", "all", "test_window"); // id가 window3에 해당하는 window의 name layer, window title, tooltip을 test_window로 모두 변경 windowContainer1.setWindowLabel("window2", "window", "change"); // id가 window3에 해당하는 window의 window title을 change로 변경

setWindowPosition( left , top )

현재 선택되어 있는 윈도우의 위치를 조정한다.

Parameter
name	type	required	description
left	Number	Y	윈도우 x좌표
top	Number	Y	윈도우 y좌표

Sample

windowContainer1.setWindowPosition('100','100');

setWindowSize( width , height )

현재 선택되어 있는 윈도우의 크기를 조정한다.

Parameter
name	type	required	description
width	Number	Y	윈도우 폭
height	Number	Y	윈도우 높이

Sample

windowContainer1.setWindowSize('150','150');

setWindowStatusMsg( msg )

현재 선택되어 있는 윈도우의 상태 메세지를 설정한다.

Parameter
name	type	required	description
msg	String	Y	상태 메세지

Sample

windowContainer1.setWindowStatusMsg('loading');

show( displayType )

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

Parameter
name	type	required	description
displayType	String	N	display의 속성 값. (block, inline, none, “”)

Sample

componentId.show(); // display 속성이 "block"이 된다. componentId.show(""); // class에 적용된 display 속성 값을 다시 복구.

toggleClass( className )

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

Parameter
name	type	required	description
className	String	Y	조사할 className

Sample

componentId.toggleClass("selected");
selected라는 class가 존재하면 해당 class를 제거한다. selected라는 class가 존재하지 않으면 추가한다.

trigger( type , array )

컴포넌트에 등록된 특정 이벤트를 직접 발생시킵니다.

Parameter
name	type	required	description
type	String	Y	발생시킬 이벤트 이름
array	Object	N	이벤트 핸들러에 전달할 파라미터 배열

Sample

* | input1.trigger("onclick"); // input1에 onclick이벤트를 발생시킨다.
* | input1.trigger("onchange", [1,2]); // input1에 onchange이벤트를 발생시키고 핸들러 함수에 (1,2) 인자를 전달하여 호출한다.

unbind( type , function )

컴포넌트의 이벤트를 동적으로 제거합니다.

Parameter
name	type	required	description
type	String	N	제거할 이벤트의 이름. 생략할 경우 해당 컴포넌트의 모든 이벤트를 제거한다.
function	Function	N	제거할 이벤트의 핸들러 함수. 생략할 경우 해당 이벤트 type으로 등록된 모든 핸들러 함수를 제거한다.

Sample

* | input1.unbind("onclick", func1); // input1에 등록된 onclick이벤트 함수 중에 func1 이벤트 핸들러를 제거
* | input1.unbind("onchange"); // input1에 등록된 onchange이벤트 핸들러 함수를 모두 제거
* | input1.unbind(); // input1에 등록된 모든 이벤트를 제거

visible( flag )

컴포넌트의 style 중 visibility 값을 설정합니다. flag가 참이면 "visible", 거짓이면 "hidden"을 설정합니다.

Parameter
name	type	required	description
flag	Boolean	Y	visibility 값을 설정할 값(참이면 "visible", 거짓이면 "hidden"을 설정)