IFrame

뒤로가기(History) 제어

SPA 모드에서 IFrame 화면의 뒤로가기를 제어할 수 있습니다. spaReplaceHistory="true"로 설정할 경우 뒤로 가기 버튼을 클릭하면 각 IFrame에 담긴 화면이 아닌 브라우저 전체가 이젠 페이지를 표시합니다.

PageInherit

WFrame

부모 WFrame의 Scope를 상속하는 WFrame

WFrame을 포함하는 화면을 부모 WFrame의 소스(src) 화면으로 생성할 경우, 부모 WFrame이 포함한 WFrame의 소스(src) 화면에서 가장 가까운 부모의 WFrame의 객체 및 영역에 접근하도록 허용할 수 있습니다.

소스(src) 화면을 포함하는 부모 WFrame의 scopeInherit 옵션을 아래와 같이 설정하십시오.

• "none" (기본 값) : 부모 영역의 객체를 자동으로 참조하지 않고, $p.main() 함수는 ($p.top() 함수와 동일하게 실행되어) 최상단 페이지에 접근 가능.

• "api" : 부모 영역의 객체를 자동으로 참조하지 않지만, $p.main() 함수는 부모 영역에 접근 가능.

• "all" : 부모 영역의 객체를 자동으로 참조하고, $p.main() 함수도 부모 영역에 접근 가능.

• "component" : 부모 영역의 객체를 자동으로 참조하지만, $p.main() 함수는 ($p.top() 함수와 동일하게 실행되어) 최상단 페이지에 접근 가능.

소스(src) 화면 설정 시 dataObject를 통한 파라미터 전달

WFrame에 setSrc() 함수를 이용하여 소스(src) 화면을 설정할 때 dataObject를 통해 파라미터를 전달할 수 있습니다. 생성된 WFrame의 src 페이지는 $p.getParameter() 함수를를 통해 전달받은 파라미터 확인 가능합니다.

$r_title(setSrc() 함수로 페이지를 설정할 때 파라미터 전달 (예시))
var rowJSON = {
  "Product Info": {
    "Origin": "Korea",
    "Manufacturer": "Inswave",
    "Type": "Software"
  },
  "Region": "Seoul",
  "Carrier": true
};

var dataObject = {
  "type": "json",
  "name": "param",
  "data": rowJSON
};

var obj = {
  "dataObject": dataObject
};

wframe1.setSrc("src.xml", obj);

또한 WFrame에 설정된 페이지 정보는 아래 방법으로 확인할 수 있습니다.

$r_title(WFrame에서 전달받은 파라미터 확인 (예시 1))
var paramData = $p.getParameter("param");
var data = JSON.stringify(paramData);
alert(data);

$r_title(WFrame에서 전달받은 파라미터 확인 (예시 2))
var param = $p.getParameter("param");
alert("param : " + param.userId);

소스(src) 화면 설정 시 서브미션 상태창 표시

WFrame의 src 화면이 서브미션을 포함할 경우, 서브미션 실행 시 표시되는 상태창을 WFrame 내부에 표시할 수 있습니다.

상태창 표시

상태창 소스 변경

config.xml 파일의 <processMsgFrameURL> 항목 설정을 변경하여 해당 상태창의 소스를 변경할 수도 있습니다.

$r_title(config.xml 설정 예)
<WebSquare>
  ...
      <processMsgFrameURL value="/message/processMsg.xml"/> 
  ... 
</WebSquare>

워터마크

함수를 호출한 페이지(WFrame 영역)에서 지정한 텍스트 및 현재 시각을 워터마크로 표시할 수 있습니다. 워터마크로 표시되는 현재 시각은 초 단위로 갱신되며, 화면 크기를 조정해도 워터마크 크기는 변하지 않습니다.

$r_title(사용 예)
scwin.$w.watermark("main화면");

팝업 생성 및 팝업 닫기

$p.openPopup() 함수를 사용하여 WFrame 내에서 팝업을 생성할 수 있습니다. 또한 WFrame의 frameModal 속성을 "true"로 설정할 경우, 부모 팝업을 닫을 때 해당 부모에 속하는 모든 자식 팝업을 함께 닫을 수 있습니다.

이벤트

onbeforewframeunload

onbeforewframeunload 이벤트는 페이지가 닫힐 경우 해당 페이지가 지워지기 전 해당 페이지의 (부모) WFrame에서 발생합니다.

onresize

WFrame에 resizeEvent="true" 속성 설정이 적용된 경우, WFrame의 크기가 변경되면 onresize 이벤트가 발생하며 변경 전후의 WFrame 크기 정보를 담은 객체(resizeInfo)를 아래와 같이 반환합니다.

• resizeInfo.oldWidth : 변경 전 너비.

• resizeInfo.oldHeight : 변경 전 높이.

• resizeInfo.newWidth : 변경 후 너비.

• resizeInfo.newHeight : 변경 후 높이.

$r_title(사용 예)
// resizeEvent="true"

scwin.wframe1_onresize = function(resizeInfo) {   
    var newSize = JSON.stringify(resizeInfo);   
    alert("WFrame Size Changed " + newSize);
};