Salesforce CMS ファイルをデータテーブルに表示する

データテーブルコンポーネントを追加

まず、CMS ファイルの一覧を表示するデータテーブルを設定しましょう。

1. 左側の コンポーネントライブラリ パネルから、次の項目を見つけます： Avonni データテーブル コンポーネントをキャンバスにドラッグします。

データソースを設定

次に、データテーブルを特定の Salesforce CMS コレクションに接続する必要があります。

1. データテーブルを選択した状態で、プロパティパネルにある次の項目を探します： データソース プロパティ。

2. 一覧から CMS コレクション をデータソースの種類として選択します。

3. 表示される コレクション ID フィールドに、次のものを入力します： 18文字の ID あなたの Salesforce CMS コレクションまたはコンテンツキーの。

これでデータテーブルは接続され、コレクション内のコンテンツアイテムを認識します。

コンテンツ情報を表示する列を追加

次に、ファイルのどの詳細をテーブルに表示するかを定義します。

1. データテーブルのプロパティで、次のセクションに移動します： 列 セクション。

2. をクリック 「列を追加」 して新しい列を作成します。

3. ソースフィールド： CMS コンテンツデータからフィールドを選択します（例： タイトル).

4. 列ラベル： ユーザー向けの分かりやすいラベルを付けます（例：「ドキュメントタイトル」）。

5. この手順を繰り返して、作成日などの関連列を追加します（例： CreatedDate または LastModifiedDate.

ダウンロードアクションを追加して設定

これは、ファイルをユーザーがアクセスできるようにするための最も重要な手順です。ファイル名に直接リンクできないため、専用のアクションボタンを作成します。

1. アクション列を追加： 表示される 列 データテーブルプロパティのセクションで、もう一度 「列を追加」 をクリックします。列の設定で、その タイプ を ボタン.

2. に設定します。

   • ボタンアイテムを設定：

   • ボタン列のプロパティ内で、新しいボタンアイテムを追加します。 次のような ラベル

   • を付けます：例えば「ダウンロード」や「ファイルを表示」など。 アイコン名 を設定します（例： utility:download）視覚的な手がかりとして役立ちます。

3. 「Download CMS」インタラクションを作成：

   • 先ほど設定した「ダウンロード」アクションアイテムを選択します。

   • その インタラクション セクションに移動し、次のものを追加します： クリック時 のインタラクション。

   • に対して、 タイプを選択します Download CMS.

   • この特定のインタラクションは、表の特定の行に関連する CMS ファイルのダウンロードを安全に生成して開始するよう設計されています。他のプロパティはこのインタラクションには必要ありません。

保存と公開

Avonni データテーブルが Experience Cloud ページ上で完全に設定されたので、最後のステップはサイト訪問者向けにライブにすることです。Experience Builder では作業中に構成変更が通常保存されますが、変更を訪問者が確認できるようにするには、 公開 サイトをして、変更を公開する必要があります。