# 単価と期間の絞り込み検索について **URL:** \ **Category:** bubble\ **Created:** [2024 年 7 月 26 日午前 10:47 UTC](https://www.nocode-faq.com/t/topic/4343 "2024-07-26T10:47:57Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![sgk0824](https://avatars.discourse-cdn.com/v4/letter/s/c67d28/32.png) [@sgk0824](https://www.nocode-faq.com/u/sgk0824)\ **Post date:** [2024 年 7 月 26 日午前 10:47 UTC](https://www.nocode-faq.com/t/topic/4343/1 "2024-07-26T10:47:57Z")
以下の画像のように単価と期間に応じて絞り込み検索機能を実装したいです。 例：20,000円以上～30,000円以下の案件を表示 例：2024年9月9日以降に稼働している案件を表示 ![スクリーンショット 2024-07-26 194630](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/625d03f4d13620a0899a51e27656d6b062e3eaa9.png) 単価に関しましてはOption setsで作成し、現場情報というData typesのfieldで関係性を持たし、現場情報のData typesは実際に現場情報を作成する企業側データのData typesとリレーションを組んでいる状態です。 また、ユーザーが案件の詳細をクリックして再度案件一覧ページに戻ってきた際にも検索条件はそのまま表示しときたいので、 URL parametersを活用したいと思っています。 説明が下手で申し訳ないのですが、ご教授いただけると嬉しいです。 ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 7 月 27 日午前 8:43 UTC](https://www.nocode-faq.com/t/topic/4343/2 "2024-07-27T08:43:15Z")
一覧表示ページと詳細表示ページを1ページにまとめ、CustomStateに検索結果を保存してはどうでしょうか。 そうすると、一覧ページで検索した内容を残したまま詳細⇔一覧の切換ができ、ページロードで検索結果が消えるようになります。 ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 7 月 27 日午前 10:05 UTC](https://www.nocode-faq.com/t/topic/4343/3 "2024-07-27T10:05:16Z")
予算と期間のみの検索サンプルになります。 同一ページに一覧と詳細を入れる場合、CustomState使わなくてもDisplay listだけで実装できました。 > **[Bubble - Visual Programming](https://nocodefaq-0727.bubbleapps.io/version-test/ai_marketplace_1)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. ---
**Author:** ![sgk0824](https://avatars.discourse-cdn.com/v4/letter/s/c67d28/32.png) [@sgk0824](https://www.nocode-faq.com/u/sgk0824)\ **Post date:** [2024 年 7 月 27 日午前 11:58 UTC](https://www.nocode-faq.com/t/topic/4343/4 "2024-07-27T11:58:37Z")
お忙しいところ早速のご返答ありがとうございます！ わざわざ作成していただきありがとうございます、、 まさしく僕がやりたかった機能がこれです…！ ですが、同一ページに一覧と詳細を入れる方法がわかりません、、 また単価と期間のworkflowはどのようになっているのでしょうか。 ご返答いただけると嬉しいです！ ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 7 月 27 日午後 12:14 UTC](https://www.nocode-faq.com/t/topic/4343/5 "2024-07-27T12:14:47Z")
Groupを同じページに入れて、ボタンクリックによって、showアクションとhideアクションをするといいですよ。 AGroupとBGroupを同じページに置いて、ボタンを押すとAGroupが消えて、BGroupが表示されるイメージです。 検索のWorkFlowになります。 ![スクリーンショット 2024-07-27 15.20.52](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f909d851ab6d77425e9c89d0836c2d50856c6e8b.png) ---
**Author:** ![sgk0824](https://avatars.discourse-cdn.com/v4/letter/s/c67d28/32.png) [@sgk0824](https://www.nocode-faq.com/u/sgk0824)\ **Post date:** [2024 年 7 月 29 日午後 10:53 UTC](https://www.nocode-faq.com/t/topic/4343/6 "2024-07-29T22:53:10Z")
予算に関してですが、option setsで作成しユーザーに選択してもらうように設定しています。 そのような場合、単価以上〜単価未満で検索を実装することは不可能なのでしょうか、、 ご教授頂けますと幸いです！ ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 7 月 30 日午前 4:28 UTC](https://www.nocode-faq.com/t/topic/4343/7 "2024-07-30T04:28:44Z")
貼付画像はOptionSetで設定しているものです。もう一度ご確認ください 。 推測ですが、OptionSetにnumber型に指定したデータが入っていないのではないでしょうか。 ---
**Author:** ![sgk0824](https://avatars.discourse-cdn.com/v4/letter/s/c67d28/32.png) [@sgk0824](https://www.nocode-faq.com/u/sgk0824)\ **Post date:** [2024 年 7 月 30 日午前 10:21 UTC](https://www.nocode-faq.com/t/topic/4343/8 "2024-07-30T10:21:13Z")
OptionSetの溶接単価の単位1つ1つに 1.2.3とnumber型を指定している状態です。 ![スクリーンショット 2024-07-30 191448](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c04fd77de781466b9abf5bed3e4fd4a28672a35c.png) ![スクリーンショット 2024-07-30 191502](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/0d4ac4f7836e1aa761cea7950be55cdfc98331c9.png) ワークフローでは、なぜかエラーになります、、 ![スクリーンショット 2024-07-30 191815](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1156129d0c24c3b50179a3720e9d235a9a67dfef.png) ちなみに溶接工単価(最低)、溶接工単価(最高)ともに、同じOptionSetを紐づけでおります！ ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 7 月 30 日午前 10:48 UTC](https://www.nocode-faq.com/t/topic/4343/9 "2024-07-30T10:48:41Z")
比較したいデータがどちらも数値型（number）であれば不等号記号は使えるので、どちらかのデータが数値型でない可能性があります。 エラーになっている箇所をホバーするとEvaluates to a textという表記は出ていませんか？ Evaluates to a numberになっている場合、データベースの溶接工単価(最高)が数値型(number）でない可能性があります。 追記：データベースの方をOption setにしている場合、数値型で登録する必要があるので、DBに数値型のデータを追加する必要があります。 ![スクリーンショット 2024-07-30 13.47.22](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/0625b23c4f6bf8fa60585c8c6b96f3a7f64554d5.png) ---
**Author:** ![sgk0824](https://avatars.discourse-cdn.com/v4/letter/s/c67d28/32.png) [@sgk0824](https://www.nocode-faq.com/u/sgk0824)\ **Post date:** [2024 年 8 月 1 日午前 10:57 UTC](https://www.nocode-faq.com/t/topic/4343/10 "2024-08-01T10:57:49Z")
勉強になると思って自分の中で試行錯誤していたのですが、問題が解決できました！ じょんさんと壁打ちしているうちに色々思考できたので、より学びが深まり貴重な体験になりました、、、 この度はお忙しいところありがとうございます！