IFrame

수정 일자 버전 (SP2)

HTML의 iframe과 같은 기능을 제공하는 컴포넌트입니다.

Property

Property

Description

allowTransparency

IE 브라우저에서만 적용 가능하며 컴포넌트에 투명한 배경을 사용할 지 여부를 지정합니다.

class

사용자가 임의의 class를 정의할때 사용합니다.

id

사용자가 임의의 id를 정의할때 사용합니다.

name

HTML의 name속성과 동일한 기능을 제공하며 anchor 등에서 target으로 설정할 수 있습니다.

relativePath SP2

[default:false, true] xml이 아닌 다른 주소(예 :.html)에 대해서도 src 상대경로를 지원하는 속성 xml(*.xml)은 기본적으로 상대경로를 지원하나, 그 외에는 기본적으로 상대경로를 지원하지 않는다. 하위호환유지를 위한 속성.

scrolling

[auto, no, yes]src에 해당하는 화면의 width/height가 ifrmae의 width/height보다 클 때 스크롤바를 표시할지의 여부를 지정합니다.

spa

링크를 통해 이동하거나 화면을 다시 로딩하였을때 해당 컴포넌트가 동일하게 존재할 경우 다시 로딩하지 않고 변경된 부분만 로딩합니다.

spaReplaceHistory SP2

SPA 사용 시 IFrame 내부의 history(앞으로 가기 및 뒤로 가기) 동작을 금지. IFrame 내부 페이지의 뒤로 가기 동작을 막아서 blank 페이지로 이동하지 않는 효과. 이 경우, 뒤로 가기를 수행 할 경우 브라우저 전체가 뒤로 이동. true: 뒤로 가기 및 앞으로 가기 동작을 금지. false (기본 값): 동작을 허용.

src

iframe이 표시할 화면 URL을 입력합니다.

title

HTML의 title속성과 동일한 기능으로 명시 된 값을 브라우저에서 마우스 over시 툴팁형태로 표현합니다.

toolTip

웹스퀘어에서 만든 toolTip으로 컴포넌트의 추가정보를 명시합니다. 마우스 over시 표현됩니다.

userData1

사용자 정의 데이터 속성. getUserData("userData1") API를 통해 설정한 값을 얻어올 수 있습니다.

userData2

사용자 정의 데이터 속성. getUserData("userData2") API를 통해 설정한 값을 얻어올 수 있습니다.

userData3

사용자 정의 데이터 속성. getUserData("userData3") API를 통해 설정한 값을 얻어올 수 있습니다.

주의사항 및 Tip

IFrame컴포넌트는 SPA모드를 지원하며 링크를 통해 이동하거나 화면을 다시 로딩하였을때 해당 컴포넌트가 동일하게 존재할 경우 다시 로딩하지 않고 변경된 부분만 로딩하므로서 리소스를 절약하고 로딩 속도를 향상시킬수 있습니다.