リストとページネーション

Adaloでは、プログレッシブローディングを有効にすることで、データがリストにより速く提供されるようになります。

スキルレベル: エキスパート

開始前に

  • まず、データ型を扱うガイドを完了してください。

  • この機能を使用するには、TeamまたはBusiness Adaloプランが必要です。

  • 子リストは親リストからのMagicText情報を使用してクエリを実行することはできません。

動画

手順

注意: Adaloのリストでは、プログレッシブローディング(ページネーションとも呼ばれる)はデフォルトで無効になっています。つまり、AdaloはデフォルトでXanoテーブル内のすべてのレコードをロードしようとします。

1. プログレッシブローディング(ページネーション)をオンにするには、まず最初にリストのデータ型を最初のドロップダウンで設定してください。

2. 次に、[詳細オプション]セクションをクリックし、[ユーザーがスクロールするとアイテムをロード]トグルをオンにします。

4. Xanoダッシュボードで、左メニューのAPIタブをクリックし、リストが参照しているテーブルのエンドポイントを保持するAPIグループを選択します。

この例では、Eventsテーブルのエンドポイントを保持するデフォルトのエンドポイントグループのみを持っているため、それを選択しています。

5. Adaloのリストに対応するテーブルの「GET All」エンドポイントを見つけ、クリックして開きます。

この例では、Companiesテーブルを見ています。デフォルトのAPIグループを使用している場合、これはリストで最初に見るGETになります。

6. エンドポイントを開いたら、入力ボックスの上にカーソルを合わせて追加アイコンをクリックします。

7. 右メニューでIntegerオプションをクリックします。

8. 名前入力欄に「limit」と入力し、[入力を追加]をクリックします。

9. 入力セクションで再度追加ボタンをクリックします。

10. 今度は「offset」という別のIntegerを追加し、[入力を追加]をクリックします。

重要: 単語 "offset" は大文字と小文字を区別します。常に小文字である必要があります!

11. ファンクションブロックのクエリステップをクリックします。

12. 今、右側のメニューの出力タブをクリックします。

13. 最初の編集/鉛筆アイコンをクリックします。

14. "ページングを有効にする" の横にあるボックスをチェックし、"メタデータを含める" のチェックを外してから保存をクリックします。

15. メニューの上部にある外部タブをクリックします。

16. ページごとのドロップダウンメニューで "limit" オプションを選択します。

17. オフセットのドロップダウンメニューで "offset" オプションを選択します。

18. メニューの下部にある保存ボタンをクリックします。

19. 変更をライブにするために右上の緑色の公開ボタンをクリックし、変更にオプションのメッセージを付けて最終的に公開するために右下の公開ボタンをクリックします。

もっと詳しく

  • ステップ14 で見られるページごとの数入力を変更することで、Adalo に一度に提供されるレコードの数を変更できます。

  • ユーザーコレクションの GET ALL に対してページネーションをオンにすることはできませんのでご注意ください。

  • ページネーションの使用は強くお勧めします。リストの読み込み速度が大幅に向上します(ページネーションを使用しない場合と比較して初期リストの読み込み速度が最大7倍速くなります)。

  • メタデータはオフにする必要があります。そうしないとリストが正しく読み込まれない場合があります。

  • このビデオをチェックしてください: Adalo & Xano: How to Use Adalo Query Parameters to Filter a List on a Screen 、私たちの素晴らしい Adalo Makers の1人から!

ヘルプ

すべての統合と同様に、Adaloは統合のAdalo側のサポートのみを提供できます。Xanoアカウント、ダッシュボード、または実装に関する支援が必要な場合は、Xanoのドキュメント、Xano コミュニティXano University、またはXanoサポートに直接お問い合わせください。

この記事に関する追加のヘルプが必要な場合は、いつでもコミュニティフォーラムで質問できます!投稿にこの記事へのリンクを貼り付けることもお忘れなく!また、Adalo App AcademyのXanoコースも役立つかもしれません!

チュートリアルやヘルプドキュメントのリクエストがありましたら、お知らせください!

Last updated

Was this helpful?