PropertyEventMethod찾아보기
WebSquare.uiplugin.pageInherit - 5.0_5.4976A.20230726.124136

페이지 인헤리트. 외부 XML을 include. WebSquare에서 작성된 외부 XML을 include하는 기능을 제공.
src 속성으로 외부 리소스 경로를 설정. JSP의 include처럼 웹스퀘어 XML 화면 파일을 현재 화면에 include.
주로 화면에서 항상 쓰이는 영역을 별도의 파일로 구성하여 사용. 혹은, 공통이 되는 top, left의 메뉴 구성 시 사용.
컴포넌트의 최상위는 <div> 태그로 감싸고 하위로 src에 해당하는 화면 XML이 배치됨. 최상위 태그는 tagname 속성을 통해 변경 가능.

Type

uiplugin

Property Summary

class
HTML의 class 속성과 동일한 기능을 제공.
id
컴포넌트 ID.
initScript
src 속성에 정의 된 화면의 로딩이 끝난 뒤 실행할 script
nextTabID
Tab 키로 이동할 경우, Tab 키를 누를 때 선택되는 컴포넌트의 ID
scope
scope 기능 사용 여부. [default: false, true]
scopeExternal
pageInherit 내부 화면 페이지 안에 포함된 외부 js파일을 실행할 때 with(scope)를 씌워서 실행할 지에 대한 여부. [default: false, true]
src
웹스퀘어 XML 파일의 경로
tagname
[default:div]src에 해당하는 화면을 감쌀 최상위 HTML Tag로 자식을 가질수 있는 Tag로 정의해야 한다
tooltip
사용자가 컴포넌트에 마우스-오버할 때 표시되는 텍스트
tooltipLocaleRef
클라이언트 다국어 적용시 툴팁에 출력하는 텍스트의 key.
userData1
사용자 정의 데이터 속성
userData2
사용자 정의 데이터 속성
userData3
사용자 정의 데이터 속성

Event Summary

onpageInheritload
pageInherit이 활성화된 후에 발생하는 이벤트.

Method Summary

getWindow( )
pageInherit의 Scope 객체를 반환

Property Detail

class
HTML의 class 속성과 동일한 기능을 제공.
CSS 파일이나 style 블럭에 정의한 여러 개의 class를 공백으로 구분하여 적용 가능.
Engine 내부에서 각 컴포넌트 별로 지정된 class를 적용하나, class 속성을 이용하여 컴포넌트의 CSS를 제어 가능.
id
컴포넌트 ID.
컴포넌트 ID는 전역 객체로 할당됨. 각 컴포넌트 ID를 통해 Script에서 해당 컴포넌트에 접근 가능.
initScript
src 속성에 정의 된 화면의 로딩이 끝난 뒤 실행할 script.
nextTabID
Tab 키로 이동할 경우, Tab 키를 누를 때 선택되는 컴포넌트의 ID.
scope
scope 기능 사용 여부. [default: false, true]
pageInherit 내부 객체의 id를 pageInherit.id + "_" + id 형식으로 전부 변형하여 id 중 복문제를 회피하고 with를 통해 pageInherit 내부는 원래 id로 접근이 가능하도록 허용.
scopeExternal
pageInherit 내부 화면 페이지 안에 포함된 외부 js파일을 실행할 때 with(scope)를 씌워서 실행할 지에 대한 여부. [default: false, true]
pageInherit내의 화면 소스를 외부 js로 분리한 경우에 필요한 속성.
src
웹스퀘어 XML 파일의 경로.
tagname
[default:div]src에 해당하는 화면을 감쌀 최상위 HTML Tag로 자식을 가질수 있는 Tag로 정의해야 한다.
tooltip
사용자가 컴포넌트에 마우스-오버할 때 표시되는 텍스트. 웹스퀘어가 제공하는 툴팁으로, 컴포넌트의 추가 정보를 명시.
tooltipLocaleRef
클라이언트 다국어 적용시 툴팁에 출력하는 텍스트의 key.
key에 해당하는 텍스트가 없을 경우 "global_undefined"가 화면에 표시됨.
userData1
사용자 정의 데이터 속성. getUserData("userData1") API를 통해 설정한 값을 얻어올 수 있음. // 속성 값 얻어오기 예시 getUserData("userData1");
userData2
사용자 정의 데이터 속성. getUserData("userData2") API를 통해 설정한 값을 얻어올 수 있음. // 속성 값 얻어오기 예시 getUserData("userData2");
userData3
사용자 정의 데이터 속성. getUserData("userData3") API를 통해 설정한 값을 얻어올 수 있음. // 속성 값 얻어오기 예시 getUserData("userData3");

Event Detail

onpageInheritload
pageInherit이 활성화된 후에 발생하는 이벤트.
pageInherit 내부 영역이 전부 그려진 후에 이벤트가 발생.

Method Detail

getWindow( )
pageInherit의 Scope 객체를 반환. pageInherit 화면 안의 객체를 접근하려면 이 함수를 호출함. (Scope 지원 기능.)
Sample
// (예제) // 부모 화면에서 pageInherit1 내부의 "input1" 컴포넌트에 접근 // 해당 컴포넌트의 값을 "WebSquare5"로 설정. pageInherit1.getWindow().input1.setValue("WebSquare5");