電子チケットの販売代行WebアプリをBubbleで作る~3~

リセールチケットの検索機能

前回までの記事で、イベントの検索機能は作成しました。

そこで次は、リセールに出されているチケットを検索出来るようにしようと考えました。

検索するオブジェクトは「イベント」ではなく「リセールチケット」とします。

タブエレメントを使って、「イベントの検索結果を表示するタブ」と「リセールチケットの検索結果を表示するタブ」を作ります。

それぞれのタブのグループ上にリピーティンググループを載せます。

このリピーティンググループのデータソースを「イベント」テーブルと「リセールチケット」テーブルでそれぞれ設定します。

後はコードラボさんの記事にあったような手順で出来ました。

加えた手順としては、「検索ボタンをクリックした時」のワークフローを設定する際、

1.イベントテーブルの検索結果を表示

2.リセールチケットの検索結果を表示

と、1つのアクションに2つのアウトプットを設定したくらいです。

今回は平日なのでここまでとします。

次回からは所持チケット周りの振る舞いについて書いていきます。