---
sourceDocument: Xanadu API リファレンス
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/api-reference

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu API リファレンス

ft:clusterId :

    - crapiref

bundleId :

    - crapiref

workflow :

    - Creator


---

# cabrillo.modal - クライアント

# cabrillo.modal - クライアント {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

Cabrillo JS ネイティブモーダルの内部に Web コンテンツを表示するための関数

## cabrillo.modal - dismissModal(オブジェクトデータ) {#ariaid-title2}

presentModal() 関数で提示されたモーダルを閉じるために使用します。
提示されたモーダルは、それ自体を閉じ、すべての結果を提示コンテキストに返す役割を担います。dismissModal() 関数は、提示コンテキストからではなく、提示されたコンテキストから呼び出す必要があります。
{#CM-dismissModal_O__table_wmf_jzm_wbb__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| data | オブジェクト | オプション。提示されたコンテキストがそれ自体を却下するときに、提示コンテキストに戻すオブジェクト。 |
[表 : 1. パラメーター]

{#CM-dismissModal_O__table_wmf_jzm_wbb} {#CM-dismissModal_O__table_xmf_jzm_wbb__entry__2}

| タイプ | 説明 |
|-|-|
| promise | 成功した場合は未解決のオブジェクト、それ以外の場合はエラー。 |
[表 : 2. 返される内容]

{#CM-dismissModal_O__table_xmf_jzm_wbb}  

    // Any object can be passed back to the presenting context when the presented context dismisses itself.
    var results = {
        team: 'Mobile'
        company: 'ServiceNow'
    }

    cabrillo.modal.dismissModal(results).then(function() {
        console.log('Modal was dismissed and results were passed to presenting context.');
    }, function(error) {
        console.log(error);
    });

## cabrillo.modal presentModal( 文字列 title, 文字列 url, 文字列 closeButtonStyle, 文字列 modalPresentationStyle) {#ariaid-title3}

ネイティブ モーダル インターフェイスでコンテンツを表示します。
{#CM-presentModal_S_S_S_S__table_zcl_dxm_wbb__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| title | 文字列 | モーダル インターフェイスのタイトル |
| url | 文字列 | モーダルを開くための URL。これは内部インスタンス URL (完全修飾または相対、相対 URL が優先) である必要があります。 |
| closeButtonStyle | 文字列 | モーダルインターフェイスの \[閉じる\] ボタンのスタイル。 可能な値： * cabrillo.modal.CLOSE_BUTTON_STYLE_CANCEL * cabrillo.modal.CLOSE_BUTTON_STYLE_CLOSE * cabrillo.modal.CLOSE_BUTTON_STYLE_DONE {#CM-presentModal_S_S_S_S__ul_sgf_hcm_pyb}詳細については、「[Cabrillo JS 定数 - 閉じるボタンのスタイル](https://servicenow-prod.fluidtopics.net/5Bl0xJNp4~fqjF2H_A1cRg#cabrillo-close-button-styles "モーダル インターフェイスの閉じるボタン スタイルを設定するときに使用する定数です。")」を参照してください。 |
| modalPresentationStyle | 文字列 | モーダルインターフェイスのプレゼンテーションスタイル。 可能な値： * cabrillo.modal.MODAL_PRESENTATION_STYLE_FULL_SCREEN * cabrillo.modal.MODAL_PRESENTATION_STYLE_FORM_SHEET {#CM-presentModal_S_S_S_S__ul_ald_sbm_pyb}詳細については、「[Cabrillo JS 定数 - モーダルプレゼンテーションスタイル](https://servicenow-prod.fluidtopics.net/5Bl0xJNp4~fqjF2H_A1cRg#cabrillo-modal-present-styles "モーダルインターフェイスのプレゼンテーションスタイルを設定するときに使用する定数。")」を参照してください。 注: このパラメーターは Apple iOS でのみサポートされています。 |
[表 : 3. パラメーター]

{#CM-presentModal_S_S_S_S__table_zcl_dxm_wbb} {#CM-presentModal_S_S_S_S__table_adl_dxm_wbb__entry__2}

| タイプ | 説明 |
|-|-|
| promise | 成功した場合は Cabrillo.ModalResponse オブジェクト、それ以外の場合はエラー。 |
[表 : 4. 返される内容]

{#CM-presentModal_S_S_S_S__table_adl_dxm_wbb}  
カスタム URL を読み込むネイティブ モーダルを表示します。これにより、フォーム シート スタイルのモーダルにカスタムのサービスポータルページが表示されます。モーダルが却下されたとき、約束が実行されます。カスタムの却下機能については、「dismissModal() 関数」を参照してください。

    cabrillo.modal.presentModal('Portal Page',
        '/$sp.do?id=my_modal_page',
        cabrillo.modal.CLOSE_BUTTON_STYLE_CLOSE,
        cabrillo.modal.MODAL_PRESENTATION_STYLE_FORM_SHEET
    ).then(function(response) {
        // The results from the modal are in a results key on the response object.
        var results = response && response.results ? response.results : null;

        if (results) {
            console.log('Modal dismissed with results.', results);
        } else {
            console.log('Modal dismissed without results.');
        }
    }, function(error) {
        console.log(error);
    });