リストの追加

リストは、開発者がポータルでグリッドを表示しなくてもレコードの一覧を表示するデータドリブン構成です。 リストは、Dataverse ビューを使用して、ポータルのレコードを表示します。

リストは、Power Pages サイト上でデータをグリッド ビューで表示します。 Dataverse テーブル ビューからページにリストを作成します。 Power Appsで作成されたデータ ワークスペースまたはモデル駆動型アプリを使用して、Dataverse テーブル ビューを作成します。 ページまたは フォーム で使用して、完全な Web アプリケーションを構築します。

ヒント

Power Pagesを使用する方法、ビューを作成する方法、ページにリストを追加する方法については、「チュートリアル: ページにリストを追加する」を参照してください。

リストの追加方法:

1. デザイン スタジオを開き、ページのコンテンツやコンポーネントを編集します。

2. 編集するページを選択します。

3. リスト コンポーネントを追加するセクションを選択します。

4. 編集可能なキャンバス領域にカーソルを合わせ、コンポーネント パネルから リスト アイコンを選択します。

   

   リストの追加 ウィンドウが開きます。

5. 新しいリストを作成するか、既存のリストを選択して、[ OK] を選択します。

   注記

   モダン リストは、新しく作成されたサイトの既定のリスト エクスペリエンスです。 クラシック リスト エクスペリエンスを使用するには、[ モダン] リスト のトグルをオフにします。

   • 新しいリストの作成を選択した場合、リストの追加 ウィンドウが 設定 タブに開きます。
   • 既存のリストを使用する場合は、ページ ワークスペースに表示されるリストにリダイレクトされます。 リストを選択し、コンポーネントのすぐ上にある リストの編集 ボタンを選択して、リストの追加 ウィンドウの構成オプションにアクセスします。 リストを編集するときに、リストをモダン リストに変更することも選択できます。

モダンなリスト

モダン リストは、新しく作成されたPower Pages サイトの既定のリスト エクスペリエンスです。 更新された外観、読み込みとナビゲーションの改善、およびスタイル機能の強化が提供されます。

新しく作成したサイトにリストを追加すると、既定でモダン エクスペリエンスが使用されます。 クラシック リスト エクスペリエンスを使用するには、リストを追加または編集するときに、[ モダン] リスト の切り替えをオフにします。

• Shimmer の読み込み - データがデータ ソースから取得されている間、ローディング アニメーションが表示されます。
• 無限スクロール - ユーザーがスクロールすると、コンテンツはページの下部に自動的に読み込まれます。
• インライン フィルター - フィルターはリスト ビューのすべての列に自動的に適用されます。
• スタイル オプション - 背景やフォントの色などの要素をカスタマイズしたり、行の色を交互に追加したり、余白とパディングを調整します。

ヒント

サイト内のあるモダン リストから他のモダン リストにスタイルをコピーして、ページ間で一貫したデザイン エクスペリエンスを実現できます。

リストの設定

[設定] セクションの各フィールドの値を指定します。 リストの追加 ウィンドウで 設定 メニュー タブを選択して、この手順を完了します。

リスト	説明
テーブルを選択する	ビューの読み込み先となるテーブルの名前。
Dataverse ビューを選択する	レンダリングするターゲット テーブルのビュー。 ビュー内の列を変更するには、データ ワークスペースにアクセスします。
リストに名前を指定する	リストの名前。

リスト アクションの選択

リスト アクションを構成して、リストに対して実行するアクションを指定します。 アクションは、リストの追加 ウィンドウの アクション メニュー タブの下に一覧表示されます。 これらのオプションごとに、表示ラベル フィールドを編集してデフォルトのボタン ラベルを変更することもできます。

データ	説明
新しいレコードを作成する	ユーザーが新しいレコードを作成できるようにします。 新しいレコードを含む対象の Web ページ、フォーム、または URL を選択します。
ダウンロード一覧の内容	ユーザーがリストの内容を *.xlsx ファイルにダウンロードできるようにします。
詳細を表示する	詳細を表示できるようにします。 詳細を含む Web ページ、フォーム、または URL を選択します。
レコードの編集	ユーザーがレコードを編集できるようにします。 編集するレコードの詳細を含む Web ページ、フォーム、または URL を選択します。
レコードの削除	ユーザーがレコードを削除できるようにします。

その他のオプションの指定

リスト オプションをさらにカスタマイズすることもできます。 リストの追加 ウィンドウから その他のオプション メニュー タブにアクセスして、リストのその他のオプションを構成します。

設定	説明
ページあたりのレコード数	クラシック リストにのみ適用されます。 各ページに表示されるレコード数を指定します。 テーブルにさらに多くのレコードが含まれている場合は、ナビゲーション コントロールが表示され、ユーザーは次または前のレコードセットを表示できます。 モダン リストでは無限スクロールが使用されるため、 モダン リスト が有効になっている場合、このオプションは使用できません。
リストでの検索を有効にする	リストの検索機能をオンにします。 検索バーのプレースホルダー テキストを追加します。

注記

テーブルのアクセス許可を有効にして、ユーザーがリスト上のデータを確実に表示できるようにします。

ポータル管理アプリを使用して、その他のオプションを指定することもできます。

リストの複製

デザイン スタジオ内の [ページ] ワークスペースから、リスト コンポーネントの省略記号 (...) を選択してリストを複製したり、セクション内で上下に移動したり、削除したりできます。

リストのフィルター

作成者は、デザイン スタジオから Power Pages サイトにリスト フィルターを追加できます。

フィルター タイプ

ポータル管理アプリがサポートするすべての種類のメタデータ フィルターを、Power Pages Studio 内で構成できます。 各フィルターの種類には、視覚化に一致する簡略化された名前があります。 作成者は、デザイン スタジオ内でリスト コンポーネントを操作するときに、フィルターを編集または削除することもできます。

フィルターの視覚化	説明
テキスト	テキスト ボックスを使用してリストにフィルター処理を行い、特定のテーブルの選択された属性で一致するテキストを検索します。
チェックボックス、ドロップダウン、ラジオ ボタン	作成者は、フィルター タイプの視覚化として、チェックボックス、ドロップダウン、ラジオ ボタンから選択できます。 作成者が列を選択すると、フィルターを構成するためのその他のオプションが表示されます。 これらのオプションは、列のデータの種類によって異なります。
カスタム	FetchXML フィルター条件を使用して、リストにフィルター処理を行います。 作成者がカスタムを選択すると、テキスト ボックスが表示されます。 作成者はこのフィールドに XML ステートメントを入力します。

リストのフィルターを追加する

リスト フィルターを追加するには、以前に追加して構成したリスト コンポーネントを選択します。

1. ツール バーから [ フィルターの追加] メニュー項目を選択します。

   

   ページ ワークスペースに、リスト フィルター オプションのポップアップ ウィンドウが表示されます。

   

2. [種類] ラベルの下にあるドロップダウン セレクターから、使用するフィルターの種類を選択 します。

3. 列ラベルの下にあるドロップダウン セレクターから、フィルターする列を選択します。

   注記

   スタジオには、作成者が選択したフィルターの種類と列に基づいてデータをフィルター処理するためのさまざまなオプションが表示されます。

4. OK ボタン をクリックして、選択内容を保存します。

5. フィルターが適用されたら、デザイン スタジオの [フィルターの編集] ボタンを選択してフィルター構成を 編集 できます。

   

フィルター設定

デザイン スタジオのコンポーネントでフィルター設定オプションを選択することで、フィルター設定を編集できます。

参照

• ビューの作成と変更
• チュートリアル: リストをページに追加する