---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu モバイルの構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# チャートに対するパラメーター化されたリストを作成する

# チャートに対するパラメーター化されたリストを作成する {#ariaid-title1}

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

ユーザーがチャート画面をタップしたときに表示されるリストを作成します。

## 始める前に

必要なロール：admin  
パラメーター化されたリストを作成して、データ可視化のセクションを構成するレコードを表示するオプションをユーザーに提供します。ユーザーは、データ可視化の領域をタップして、レコードリストにドリルダウンします。パラメーター化されたリストの作成は、標準リストの作成に似ています。標準リストの作成に使用する手順に加えて、リストを作成する必要があります。

* リストのパラメーター化されたデータアイテム。このデータアイテムは、パラメーターを使用して、リストに表示されるデータをフィルターリングします。この場合は、チャート画面のレコードです。
* リスト画面のパラメーター。このパラメーターは、リストに渡された値を保存します。
* リスト内のパラメーターをデータアイテムのパラメーターに関連付けるための、画面 UI パラメーターマッピング。
{#nav-chart-to-list-1__ul_c2f_ml4_wlb}

## 手順

1. 移動先 すべてシステムモバイルモバイルアプリビルダー.  
   モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。  
   モバイルアプリビルダー カテゴリのホーム画面が表示されます。
3. \[画面\] カテゴリを選択し、\[新規\] を選択します。
4. 画面の作成 ページで リスト オプションを選択し、 続行 を選択します。
5. 必要に応じて次のフィールドに入力します。  
   {#nav-chart-to-list-1__table_wym_stt_nwb__entry__2}

   | フィールド | 説明 |
   |-|-|
   | 名前 | リスト画面の名前。この名前は、モバイルアプリケーションでタイルとして表示されます。 |
   | 説明 | リスト画面に関する追加情報。 |
   | オフラインで利用可能 | 画面がオフラインモードで使用可能かどうかを判断するオプション。 |
   | 画面名を非表示 | 画面名を画面ヘッダーとして表示しないかどうかを決定するオプション。このオプションは、テキストがヘッダー名に既に表示されている場合、またはユーザーに値を提供しない場合に便利です。 |
   | フィルターを非表示にする | リストにリストフィルターが表示されないようにするオプション。 |
   | アイコン | ランチャー画面に追加されたときにリスト画面を表すために使用されるアイコン。 |
   | カスタムフィルター | レコードタイプをカテゴリ別にフィルタリングするためのカスタムフィルターを追加するオプション。 |
   | 空ステータス | 表示できるデータがない場合に空のスペースに表示する内容を設定します。 |
   | 画面セグメント | リスト画面の追加画面セグメントを構成します。 |
   | トップメニュー関数インスタンス | トップメニューに機能を追加します。ユーザーは、画面の右上隅にあるアイコンをタップして、トップメニュー機能にアクセスします。 |
   | フッター関数インスタンス | フッターに関数を追加します。フォームフッターボタンは、フォームの下部 (通常は詳細セグメント) に表示されます。 |
   | UI のパラメーター | フィールドまたは UI 要素の動作を変更します。 |
   | 動的画面タイトル | 要素を作成し、それを UI パラメーターにマッピングできます。これを使用して、ある画面から別の画面に値を渡し、宛先画面のタイトルに含めます。 |
   | アクセスロール | この画面にアクセスできるユーザーロールを決定します。ロールを選択していない場合、どのロールを持つユーザーでも画面にアクセスできます。 |
   [表 : 1. 新しいリスト画面レコード]

   {#nav-chart-to-list-1__table_wym_stt_nwb}
6. 画面セグメント セクションで、新規 を選択して新しい画面セグメントを作成します。
7. 新しい画面セグメントレコードで、必要に応じて次のフィールドに入力します。  
   {#nav-chart-to-list-1__table_k23_l5t_nwb__entry__2}

   | フィールド | 説明 |
   |-|-|
   | 名前 | 画面セグメント画面の名前。 |
   | 順序 | セグメントが画面に表示される順序。 セグメントが、最小値から最大値の順に表示されます。 |
   | スクリーン | リスト画面レコードのリスト名を表示します。 |
   | 最大オフライン行数 | オフライン表示のために保存される行の最大数。 |
   | ストリーム | データアイテムとリストアイテム構成レコードをリスト画面に接続するレコード。 |
   | リストストリームインターリーブフィールドをソート | リストストリームインターリーブフィールドを昇順または降順のどちらでソートするかを決定します。 |
   [表 : 2. 新しい画面セグメントレコード画面]

   {#nav-chart-to-list-1__table_k23_l5t_nwb}
8. \[ ストリーム \] セクションで、\[ 新規 \] を選択して新しいストリーム セクションを作成します。
9. 必要に応じて次のフィールドに入力します。  
   {#nav-chart-to-list-1__table_g3y_1vt_nwb__entry__2}

   | フィールド | 説明 |
   |-|-|
   | 名前 | ストリームの名前。 |
   | テーブル | 関連するテーブルを選択します。 |
   | インターリーブフィールド | データアイテムをインターリーブするために使用するフィールドを選択します。 |
   | データアイテム | データを取得するテーブルと、データを表示するために満たす必要がある条件を定義します。 |
   | リストアイテム構成 | 各レコードの表示方法と、それに関連付けるアクションを決定します。 |
   [表 : 3. 新しいストリーム画面レコード]

   {#nav-chart-to-list-1__table_g3y_1vt_nwb}
10. データ項目 セクションで、新規 を選択して新しいデータ項目を作成します。
11. 必要に応じて次のフィールドに入力します。  
    {#nav-chart-to-list-1__table_lzl_hvt_nwb__entry__2}

    | フィールド | 説明 |
    |-|-|
    | 名前 | データアイテムの名前。 |
    | 説明 | データアイテムに関する追加情報。 |
    | テーブル | データアイテムに関連するテーブルを選択します。 |
    | グループごと | テーブルアイテムをグループ化するオプション。 |
    | 条件タイプ | 使用する条件のタイプ。この例では、\[ エンコードされたクエリの追加\] を選択します。 |
    | エンコードされたクエリを追加 | チャートからリストにデータを移動するパラメータを設定します。このフィールドは、条件タイプとして \[エンコードされたクエリの追加 \] が選択されている場合にのみ表示されます。 |
    | パラメーター | 画面または他のソースから渡された値を受け入れるようにパラメーターを設定します。 |
    [表 : 4. 新しいデータアイテム画面レコード]

    {#nav-chart-to-list-1__table_lzl_hvt_nwb}
12. \[ パラメーター\] セクションで、\[ 新規 \] を選択して新しいパラメーターを作成します。
13. 必要に応じて次のフィールドに入力します。  
    {#nav-chart-to-list-1__table_gw4_svt_nwb__entry__2}

    | フィールド | 説明 |
    |-|-|
    | 名前 | データパラメーターの名前。 |
    | 親テーブル | データアイテムがデータを取得するテーブル。このテーブルは、チャートのレコードと同じである必要があります。 |
    | 親 | 親データアイテム。 |
    | タイプ | 渡されるデータ値のタイプ。この例では、\[ String\] を選択します。 |
    | デフォルト値 | オプションのデフォルト値。 |
    [表 : 5. 新しいデータパラメーター画面レコード]

    {#nav-chart-to-list-1__table_gw4_svt_nwb}
14. \[保存\] を選択します。
15. Now Platform 構成パネルの上部からメインリスト画面に戻ります。
16. UI パラメーター セクションで、新規 を選択して新しいパラメーターを作成します。
17. 必要に応じて次のフィールドに入力します。  
    {#nav-chart-to-list-1__table_chc_1wt_nwb__entry__2}

    | フィールド | 説明 |
    |-|-|
    | 名前 | UI パラメーター画面の名前。 |
    | 表示名 | UI パラメーターの表示名。Name プロパティと同じです。 |
    | パラメータータイプ | このパラメータを画面と機能のどちらに適用するかを選択します。 |
    | スクリーニング | パラメーターの入力元である関連するチャート画面を選択します |
    | 入力スタイル | UI パラメーターの入力スタイルが \[なし\]、\[インライン\]、または \[ポップアップ\] のいずれであるか。この場合は、 \[ インライン\] を選択します。 |
    | 必須 | この変数が必須かどうかを決定します。 |
    | プレースホルダーテキスト | オプションのプレースホルダーテキスト |
    | 入力ソース | UI パラメーターの入力スタイルが自動入力かユーザー入力か。この例では、 \[ 自動入力\] を選択します。 |
    | 入力タイプ | UI パラメーターの入力スタイルが \[なし\]、\[GPS 位置\]、\[日付\]、\[定数\]、\[ソース フィールド\]、\[ユーザー\]、または \[エンコードされたクエリの追加\] のいずれであるか。この例では、 \[エンコードされたクエリの追加\] を選択します。 |
    | 画面データパラメーターのマッピング | この画面に渡す特定の値を決定します。 |
    [表 : 6. 新しい UI パラメーター画面レコード]

    {#nav-chart-to-list-1__table_chc_1wt_nwb}
18. \[ 画面データパラメーターマッピング \] セクションで、関連するデータパラメーターを選択します。
19. \[保存\] を選択します。
{#nav-chart-to-list-1__steps_sc1_w2s_xlb}

## 次のタスク

リスト画面のリストアイテム構成を構成して、このリストに表示されるカードとフィールドを選択します。詳細については、「[リスト画面](https://servicenow-prod.fluidtopics.net/2ULlYTMybnJXJ5kNX5Cn~A "リストを使用してレコードリストを表示します。リスト内のレコードはカード形式で表示され、レコード内の選択された情報が示されます。")」を参照してください。

ランチャー画面の UI セクションにアナリティクスプレビューを追加する場合。「[アナリティクス UI セクションの構成](https://servicenow-prod.fluidtopics.net/RB8szS1PCyswSmqj4g2zVA "アナリティクス UI セクションを使用して、データ可視化チャートのプレビューを表示します。これを使用して、データソースのさまざまな可視化を表示し、特定のチャートまたはリスト画面へのアクセスを提供します。")」を参照してください。