動的リスト | Studio Help

動的リストとは、データ参照元に、Studio内外のデータを使うリスト機能です。プロパティ管理表に直接データを追加して管理するのではなく、デザインエディタ外部のデータソースを連携し、自動的に反映します。

エディタでの要素	データ（プロパティ）の管理場所・参照元
リスト	右パネル[データ]タブ内のプロパティ管理表
動的リスト	・Studio CMSのモデルやコレクション（CMSリスト）・API・RSS連携で取得した外部データ（APIリスト、RSSリスト）

API / RSSリスト（外部データ）で制限のある機能

機能	注意点
変数データ（プロパティ）の紐付け	外部データ連携により取得した変数データをプロパティとして紐付けできます。
リストアイテムの表示設定	一部機能（フィルター、もっと見るボタン）は利用できません。
条件付きスタイル	APIリストでは、条件付きスタイルの「最初のアイテム」設定のみ利用可能です。
表示条件設定	不可

以下のいずれかの方法で、デザインエディタ上のページに動的リストを配置します。

※リストに紐付けるデータは事前に準備しておく必要があります。

手動作成したリストに後からデータを紐付けて、動的リストに変換できます。

配置済みの動的リストに紐付けたデータは、CMSモデル、CMSコレクション、API、RSS のいずれにも後から変更できます。

データを変更しても、リストのデザインには影響しません。

リスト内のテキストや画像ボックスなどに変数データ（プロパティ）を紐付け、データを表示できます。

CMSリストでは、右パネルの[データ]パネルでプロパティとボックス要素の紐付けができます。プロパティ名の左側にあるコネクタ[・]をドラッグし、紐付けるボックスにドロップしてください。

API / RSSリストは、外部データ連携により取得した変数データをプロパティとして紐付けます。

CMSリストとは異なり、外部から取得した変数データは右パネルの[データ]パネルでの紐付け操作や一覧表示ができません。

ボックス要素との紐付けは、ボックスの種類ごとに表示される各種設定タブで確認できます。

プロパティとして扱われているデータは、青色で囲われて表示されます。

動的リストでは、表示するアイテム数や、アイテムが0件のときの表示方法などの設定ができます。

CMSリストでは、「もっと見る」ボタンなどの追加設定や表示アイテムの絞り込み（フィルター）も可能です。

表示設定をしたい動的リストを選択します。
リスト内のアイテムではなく、リスト自体を選択してください。
（レイヤーパネルで要素を選択する場合には、リストアイコンのレイヤーを選択します）
右パネルで[データ]タブを開きます。
パネルが閉じている場合は、右パネルを開いてください。
各項目の設定を行います。
すでにサイトを公開済みの場合には、設定後、公開パネルでサイトを更新します。この操作を行うまで、公開サイトへは反映されません。