---
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


---

# GlideModal - クライアント

# GlideModal - クライアント {#ariaid-title1}

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

GlideModal API は、コンテンツオーバーレイを表示するためのメソッドを提供します。

これらのメソッドは、クライアント側の JavaScript を使用できる任意の場所のスクリプトで使用します。これらのメソッドは、ほとんどの場合 \[クライアント\] チェックボックスがオンになっている UI アクションから呼び出されます。  
これは、 GlideWindow および GlideDialogWindow API のフル機能で置き換えるものです。図 : 1. オーバーレイの例

## GlideModal - GlideModal(文字列 id, ブール値 readOnly, 数値の幅) {#ariaid-title2}

GlideModalV3 クラスのインスタンスを作成します。
{#r_GMODV3-GlideModal_S_B_N__table_ups_b4s_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| ID | 文字列 | モーダルにロードする UI ページ。 |
| readOnly | ブーリアン | モーダルで \[閉じる\] ボタンを非表示にするかどうかを示すフラグ。 有効な値： * true:モーダルに \[閉じる\] ボタンを表示しません。 * false:モーダルに \[閉じる\] ボタンを表示します。 デフォルト値：false |
| width | 番号 | モーダルの幅 (ピクセル単位)。 デフォルト： 最大幅:900 ピクセル 注: また、 [GlideModal - setWidth(数値の幅)](https://servicenow-prod.fluidtopics.net/M9l9FKDL_H8BYvyqtSMVSw#r_GMODV3-setWidth_N "モーダルの幅をピクセル単位で設定します。") メソッドを使用してモーダル幅を設定することもできます。 |
[表 : 1. パラメーター]

{#r_GMODV3-GlideModal_S_B_N__table_ups_b4s_3v}

## GlideModal - get (文字列 ID) {#ariaid-title3}

ID で GlideModal オブジェクトを取得します。
{#r_GMODV3-get_S__table_vwy_xjz_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| ID | 文字列 | GlideModal オブジェクトの要素 ID。 |
[表 : 2. パラメーター]

{#r_GMODV3-get_S__table_vwy_xjz_3v} {#r_GMODV3-get_S__table_wwy_xjz_3v__entry__2}

| タイプ | 説明 |
|-|-|
| GlideModal | オブジェクト。 |
[表 : 3. 返される内容]

{#r_GMODV3-get_S__table_wwy_xjz_3v}

## GlideModal - getPreference(文字列名) {#ariaid-title4}

指定した設定 (プロパティ) の値を返します。
モーダルを作成するアクションを呼び出すと、通常は [GlideModal - setPreference(文字列名, 文字列値)](https://servicenow-prod.fluidtopics.net/M9l9FKDL_H8BYvyqtSMVSw#r_GMODV3-setPreference_S_S "現在のフォームの指定されたフィールドを指定された値に設定します。") メソッドを使用してモーダルに必要な設定も作成されます。UI ページのクライアントスクリプトは、このメソッドを使用してこれらの設定を消費します。
{#r_GMODV3-getPreference_S__table_r2h_mrs_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| name | 文字列 | 取得する設定値の名前。この値は [GlideModal - setPreference(文字列名, 文字列値)](https://servicenow-prod.fluidtopics.net/M9l9FKDL_H8BYvyqtSMVSw#r_GMODV3-setPreference_S_S "現在のフォームの指定されたフィールドを指定された値に設定します。") メソッドを使用してモーダルで事前に設定する必要があります。 |
[表 : 4. パラメーター]

{#r_GMODV3-getPreference_S__table_r2h_mrs_3v} {#r_GMODV3-getPreference_S__table_s2h_mrs_3v__entry__2}

| タイプ | 説明 |
|-|-|
| 文字列 | 指定された設定の値。 |
[表 : 5. 返される内容]

{#r_GMODV3-getPreference_S__table_s2h_mrs_3v}  
この例は、設定を行い、指定されたモーダルからその設定を取得する簡単なケースを示しています。

    var gm = new GlideModal('UI_dialog_name');
    //Sets the dialog title
    gm.setTitle('Show title');

    //sets the value of the preference table
    gm.setPreference('table', 'incident');

    //gets the value of the preference table
    var title = gm.getPreference('table');

## GlideModal - render() {#ariaid-title5}

モーダルで UI ページを表示します。
{#r_GMODV3-render__table_zky_hpy_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| なし |   |   |
[表 : 6. パラメーター]

{#r_GMODV3-render__table_zky_hpy_3v} {#r_GMODV3-render__table_aly_hpy_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 7. 返される内容]

{#r_GMODV3-render__table_aly_hpy_3v}  

    var gm = new GlideModal("UI_dialog_name");

    //Sets the dialog title
    gm.setTitle('Show title');		      	
    gm.setWidth(550);

    //Opens the dialog
    gm.render();

## GlideModal - renderWithContent(オブジェクト html) {#ariaid-title6}

指定された HTML コンテンツを含むモーダルを表示します。
renderWithContent() メソッドは render() メソッドに代わるもので、レンダリングする UI ページを要求しません。
{#r_GMODV3-renderWithContent_O__table_n43_xhz_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| html | オブジェクト | モーダルに表示する HTML コンテンツ。 |
[表 : 8. パラメーター]

{#r_GMODV3-renderWithContent_O__table_n43_xhz_3v} {#r_GMODV3-renderWithContent_O__table_o43_xhz_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 9. 返される内容]

{#r_GMODV3-renderWithContent_O__table_o43_xhz_3v}

## GlideModal - renderWithContent(文字列 html) {#ariaid-title7}

指定された HTML コンテンツを含むモーダルを表示します。
renderWithContent() メソッドは render() メソッドに代わるもので、レンダリングする UI ページを要求しません。
{#r_GMODV3-renderWithContent_S__table_xss_3hz_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| html | 文字列 | モーダルに表示する HTML コンテンツ。 |
[表 : 10. パラメーター]

{#r_GMODV3-renderWithContent_S__table_xss_3hz_3v} {#r_GMODV3-renderWithContent_S__table_yss_3hz_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 11. 返される内容]

{#r_GMODV3-renderWithContent_S__table_yss_3hz_3v}

## GlideModal - setPreference(文字列名, 文字列値) {#ariaid-title8}

現在のフォームの指定されたフィールドを指定された値に設定します。
{#r_GMODV3-setPreference_S_S__table_cvd_zqs_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| name | 文字列 | 更新するフォームフィールドの名前。 このフィールドが現在のフォームに存在しない場合、要求は無視されます。 |
| value | 文字列 | 指定されたフォームフィールドに格納する値。 |
[表 : 12. パラメーター]

{#r_GMODV3-setPreference_S_S__table_cvd_zqs_3v} {#r_GMODV3-setPreference_S_S__table_dvd_zqs_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 13. 返される内容]

{#r_GMODV3-setPreference_S_S__table_dvd_zqs_3v}  

    var gm = new GlideModal('UI_dialog_name');
    //Sets the dialog title
    gm.setTitle('Show title'); 
    gm.setPreference('table', 'task'); 			
    gm.setPreference('name', 'value');        	

    //Opens the dialog
    gm.render();

## GlideModal - setPreferenceAndReload(配列プロパティ) {#ariaid-title9}

プロパティを設定し、モーダルを再ロードします。
{#r_GMODV3-setPrefAndReload_A__table_u3v_jqy_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| プロパティ | アレイ | 設定する名前と値のペアのアレイ。 |
[表 : 14. パラメーター]

{#r_GMODV3-setPrefAndReload_A__table_u3v_jqy_3v} {#r_GMODV3-setPrefAndReload_A__table_v3v_jqy_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 15. 返される内容]

{#r_GMODV3-setPrefAndReload_A__table_v3v_jqy_3v}

## GlideModal - setTitle(文字列タイトル) {#ariaid-title10}

モーダルのタイトルを設定します。
{#r_GMODV3-setTitle_S__table_kxd_l5s_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| title | 文字列 | 表示するタイトル |
[表 : 16. パラメーター]

{#r_GMODV3-setTitle_S__table_kxd_l5s_3v} {#r_GMODV3-setTitle_S__table_lxd_l5s_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 17. 返される内容]

{#r_GMODV3-setTitle_S__table_lxd_l5s_3v}  

    var dialog = new GlideModal('UI_dialog_name');

    //Sets the dialog title
    dialog.setTitle('Show title');
    dialog.setPreference('name', 'value');
     			      	        
    //Opens the dialogdialog.render(); 

## GlideModal - setWidth(数値の幅) {#ariaid-title11}

モーダルの幅をピクセル単位で設定します。
また、 [GlideModal - GlideModal(文字列 id, ブール値 readOnly, 数値の幅)](https://servicenow-prod.fluidtopics.net/M9l9FKDL_H8BYvyqtSMVSw#r_GMODV3-GlideModal_S_B_N "GlideModalV3 クラスのインスタンスを作成します。") メソッドを使用して最初にモーダルをインスタンス化するときに、モーダルの幅を設定することもできます。
{#r_GMODV3-setWidth_N__table_msx_wts_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| width | 番号 | モーダルの幅として設定するピクセル数。 最大:900 ピクセル |
[表 : 18. パラメーター]

{#r_GMODV3-setWidth_N__table_msx_wts_3v} {#r_GMODV3-setWidth_N__table_nsx_wts_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 19. 返される内容]

{#r_GMODV3-setWidth_N__table_nsx_wts_3v}  

    var dialog = new GlideModal('UI_dialog_name');

    //Sets the dialog title
    dialog.setTitle('Show title'); 
    dialog.setPreference('name', 'value'); 			      	
    dialog.setWidth(550);

    //Opens the dialog
    dialog.render();

## GlideModal - switchView(文字列 newView) {#ariaid-title12}

ビューを変更し、モーダルを再ロードします。
{#r_GMODV3-switchView_S__table_ovv_5py_3v__entry__3}

| 名前 | タイプ | 説明 |
|-|-|-|
| newView | 文字列 | 使用するビュー。 |
[表 : 20. パラメーター]

{#r_GMODV3-switchView_S__table_ovv_5py_3v} {#r_GMODV3-switchView_S__table_pvv_5py_3v__entry__2}

| タイプ | 説明 |
|-|-|
| なし |   |
[表 : 21. 返される内容]

{#r_GMODV3-switchView_S__table_pvv_5py_3v}