ユーザーがフィルタリングできるリストを作成する方法
Last updated
Was this helpful?
Last updated
Was this helpful?
アプリ内のリストをフィルタリングする方法を学びましょう!
まず、アプリにシンプルなリストの画面を追加してみましょう。次に、コンポーネントに移動して、シンプルなリストの上にドロップダウンメニューを追加します。 チュートリアルでは、すでにデータベースを設定していますので、あなた自身のデータベースを設定するためには、以下の手順が必要です。\
映画用のデータベースコレクションを作成します
映画コレクション内には、名前(テキスト)、画像(画像)のプロパティが必要です
カテゴリ用の別のデータベースコレクションを作成します
カテゴリコレクション内には、名前のプロパティが必要です。また、映画コレクションとの関係を作成します。これは「多対1」の関係であり、複数のカテゴリが1つの映画に属することを意味します。
それでは、シンプルなリストに戻り、映画コレクションにバインドしましょう。また、サブタイトルテキストを更新して、カテゴリ名のマジックテキストを表示します。次に、ドロップダウンメニューをカテゴリコレクションにバインドしましょう。 次に、フィルターを設定する必要があります! シンプルなリストをクリックし、フィルター > すべての映画のところに、カスタムフィルターを追加しましょう。これにより、ユーザーが選択を行うと、ドロップダウンメニューの下に表示されるようになります。 カスタムフィルターは次のように設定する必要があります:現在の映画 > カテゴリ > 名前が選択されたカテゴリ > 名前を含む 以上で、シンプルなリストにフィルターが設定されました!
クローン可能なリンク →