リスト画面構成

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:4分
  • ユーザーがモバイルアプリからレコードリストを表示できるように、リスト画面を構成します。リストからレコードにアクセスするには、レコード名をタップします。

    始める前に

    必要なロール:admin または delegated developer

    このタスクについて

    単一のデータソース、単一のセグメント、デフォルトのフィルター、およびオプションの埋め込みレコード画面を含むシンプルなリスト画面を作成します。リスト画面を作成するときに、リスト名、データアイテム、およびカードを入力することで、必要なすべての下流レコードを自動的に生成できます。

    手順

    1. 移動先 すべて > システムモバイル > モバイルアプリビルダー.
      モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
    2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
      モバイルアプリビルダー カテゴリのホーム画面が表示されます。
    3. [画面] カテゴリを選択し、[新規] を選択します。
    4. 画面の作成 ページで リスト オプションを選択し、 続行 を選択します。
      図 : 1. 新規リスト画面作成画面
      空白のリスト画面作成レコード
    5. 必要に応じてフィールドに入力します。指定した入力に基づいて、関連レコードが自動的に生成されます。
      表 : 1. リスト画面設定画面
      フィールド 説明
      全般設定
      名前 リスト画面の名前。この名前は、モバイルアプリケーションでタイルとして表示されます。
      説明 リスト画面に関する追加情報。
      画面名を非表示 画面名を画面ヘッダーとして表示しないかどうかを決定するオプション。これは、テキストがヘッダー名に既に表示される場合や、ユーザーに値を提供しない場合に便利です。
      フィルターを非表示にする リストにリストフィルターが表示されないようにするオプション。
      コンテンツ設定
      データとフィルタリング 画面に表示する情報を決定するデータアイテムを選択または作成します。
      カードのレイアウトとフィールド 画面に情報を表示する方法を決定するカードを選択または作成します。
      機能
      宛先画面 埋め込みレコード詳細画面を作成するオプション。この画面には、リスト内のアイテムをタップしてアクセスできます。
    6. [作成] を選択します。

      必要なすべての下流レコードが自動的に生成され、リスト画面のレコード構成フォームが表示されます。オプションの構成オプションは、[ 詳細設定 ] セクションで使用できます。

      注:
      [キャンセル] を選択すると、[画面] 選択ページに戻ります。

      自動生成されたレコードは、構成ツリーで青いスパークアイコンでマークされます。

      図 : 2. 生成されたレコードアイコン
      横に青いスパークが付いた 3 つの生成済みレコード
    7. オプション: リスト画面のフィールドを編集するか、追加のフィールドに入力します。
      表 : 2. 追加のリスト画面構成オプション
      フィールド 説明
      全般設定
      名前 リスト画面の名前。この名前は、モバイルアプリケーションでタイルとして表示されます。
      説明 リスト画面に関する追加情報。
      オフラインで利用可能 画面がオフラインモードで使用可能かどうかを判断するオプション。
      画面名を非表示 画面名を画面ヘッダーとして表示しないかどうかを決定するオプション。これは、テキストがヘッダー名に既に表示される場合や、ユーザーに値を提供しない場合に便利です。
      フィルターを非表示にする リストにリストフィルターが表示されないようにするオプション。
      画面セグメント
      画面セグメント リスト画面の追加画面セグメントを構成します。
      詳細設定
      アイコン ランチャー画面に追加されたときにリスト画面を表すために使用されるアイコン。
      カスタムフィルター レコードタイプをカテゴリ別にフィルタリングするためのカスタムフィルターを追加するオプション。
      空ステータス 表示できるデータがない場合に空のスペースに表示する内容を設定します。
      トップメニュー関数インスタンス トップメニュー機能 を使用して追加オプションを表示するかどうかを指定するオプション。
      フッター関数インスタンス フッター関数を使用して追加オプションを表示するかどうかを決定するオプション。
      入力フォーム画面 ユーザー入力に基づいてリスト画面に表示されるレコードを決定する入力フォーム画面を作成します。
      UI パラメーター (従来) フィールドまたは UI 要素の動作を変更します。
      動的画面タイトル 要素を作成し、それを UI パラメーターにマッピングできます。これを使用して、ある画面から別の画面に値を渡し、その値を宛先画面のタイトルに含めます。
      アクセスロール この画面にアクセスできるユーザーロールを決定します。ロールを選択しない場合、どのロールを持つユーザーでも画面にアクセスできます。
    8. [保存] を選択します。

    タスクの結果

    リスト画面のプライマリ画面
    図 : 3. 作成されたリスト画面
    [リスト] 画面。

    次のタスク

    • リスト画面内で埋め込み画面を使用する:リスト画面は、レコード画面を含めるように構成できます。埋め込み画面を追加すると、ユーザーがレコードをタップすると、その内容が新しい画面に表示されます。アドミンは、リストアイテム構成レコードでこのオプションを設定します。詳細については、「リスト画面で使用するレコード画面を構成する」を参照してください。
    • リスト画面のモバイル機能の構成 - リスト画面には、ユーザーがリスト画面で実行できるアクションのタイプを決定するためのトップメニュー機能とフッター機能を含めることができます。アドミンは、リスト画面レコードでこのオプションを設定します。詳細については、「モバイル機能」および「機能をアプリ内の場所に関連付ける」を参照してください。
    • リスト画面のレコードのロールアクセスの構成 - ロールアクセスオプションを使用して、選択したロールにのみ表示されるようにリスト画面のレコードを構成します。アドミンは、リスト画面レコードでこのオプションを設定します。