시트 내 다이얼로그의 위치를 설정하기 위한 영역을 지정합니다.
SalesForce의 Lightening Web Component나 ShadowDOM 환경처럼
document.body전체를 다이얼로그의 기준 영역으로 설정하지 않고 페이지 내 특정 컴포넌트 영역을 다이얼로그의 기준 영역으로 잡아야 할 경우, 해당 컴포넌트의 body에 해당하는 영역을(Cfg) DialogsArea로 설정해주시면 됩니다.더불어
DialogsArea는 반드시 시트의 DIV와 동일한 컴포넌트 영역에 있어야 하며, 시트의 DIV가 생성되는 컴포넌트보다 상위 컴포넌트에 생성되어서는 안됩니다.
object
| Value | Description |
|---|---|
object |
시트 내 다이얼로그의 위치를 설정하기 위한 영역 |
<template>
<lightning-card> <!-- LWC 컴포넌트에서 Body에 해당하는 영역 -->
<div>
<div class="IBControls" lwc:dom="manual"></div>
<div class="sheetDiv" style="width: 100%; height: 400px;" lwc:dom="manual"></div>
</div>
</lightning-card>
</template>
...
options.Cfg = {
DialogsArea: this.template.firstChild, // lightning-card 태그를 시트 내 다이얼로그의 위치를 설정하기 위한 영역으로 지정
};
| product | version | desc |
|---|---|---|
| core | 8.3.0.0 | 기능 추가 |