IOpenModalWindowRequest
このオブジェクトをモーダル操作公開APIのリクエスト・オブジェクトとして渡します。
関数
setId
この関数を使用して、モーダルの一意のIDを設定します。 成功レスポンスでは、同じID値が取得されます:
setId(id: boolean): void;| パラメータ名 | 必須かどうか | 説明 |
|---|---|---|
| Id | はい | モーダルの一意のID。 |
setUrl
この関数を使用して、モーダル・コンテンツのURLを設定します。 このURLは、モーダルに表示するiFrameにレンダリングされます。
setURL(url: string): void;| パラメータ名 | 必須かどうか | 説明 |
|---|---|---|
| url | はい | モーダルの内容。 |
setTitle
この関数を使用して、モーダルのタイトルを設定します。
setTitle(title: string): void;
| パラメータ名 | 必須かどうか | 説明 |
|---|---|---|
| タイトル | いいえ | モーダルのタイトル。 |
setClosable
この関数を使用して、モーダルがクローズ可能かどうかを設定します。 Trueに設定されていない場合、モーダルで「閉じる」アイコンは使用できません。 CloseModal操作でクローズする必要があります:
setClosable(closable: boolean): void;
| パラメータ名 | 必須かどうか | 説明 |
|---|---|---|
| 近い | いいえ | デフォルト値はFalseで、モーダルで「閉じる」アイコンは使用できません。 CloseModal操作でクローズする必要があります。 |
setStyle
次の関数を使用して、モーダルのスタイルを設定します:
setStyle(style: any): void;| パラメータ名 | 必須かどうか | 説明 |
|---|---|---|
| style | いいえ | オブジェクトのスタイル。 次に例を示します: 幅: 100px、高さ100px。 |
OpenModalアクションのTypescriptの例を次に示します:
const openModal = async () => {
const uiEventsFrameworkInstance: IUiEventsFrameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('appname', 'v1');
const modalWindowContext: IModalWindowContext = await uiEventsFrameworkInstance.getModalWindowContext();
const requestObject: IOpenModalWindowRequest = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenModal') as IOpenModalWindowRequest;
requestObject.setURL('https://slc05zrk.us.oracle.com:8080/clientAppTest/modalClose.html');
requestObject.setId('modal_103');
requestObject.setTitle('Test title');
requestObject.setClosable(true);
requestObject.setStyle({width:'1000px', height:'1000px'});
const response: IModalWindowOperationResponse = await modalWindowContext.publish(requestObject) as IModalWindowOperationResponse;
const id:string = response.getResponseData().getId();
}
SidePaneOpenイベント・サブスクリプションのJavaScriptの例を次に示します。
const openModal = async () => {
const uiEventsFrameworkInstance = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('appname', 'v1');
const modalWindowContext = await uiEventsFrameworkInstance.getModalWindowContext();
const requestObject = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenModal')
requestObject.setURL('https://slc05zrk.us.oracle.com:8080/clientAppTest/modalClose.html');
requestObject.setId('modal_103');
requestObject.setTitle('Test title');
requestObject.setClosable(true);
requestObject.setStyle({ width:'1000px', height:'1000px' });
const response = await modalWindowContext.publish(requestObject);
const id = response.getResponseData().getId();
}