dgamidov

dgamidov

I am trying to implement multiple select checkboxes in form.
For example: product can be produced in 4 colors. I need checkboxes for every color on product form.
I have read docs about Phoenix.HTML.Form, but I have found only select/4 and checkbox/3.
It is not very suitable if there are a lot of cases. And checkbox/3 is only for 1 case.

Does someone know if there something like select + checkbox in Phoenix?
Thanks!

Showing Posts 1 to 7

Onor.io

Onor.io

If you’ve got a constrained set of choices and it’s more than two of them, I think you’d be better off to use a radio button control. Just a suggestion, of course.

dgamidov

dgamidov OP

@Onor.io, thanks for suggestion!
This list will be changed in future :frowning:

eDev

eDev

Since Phoenix is simialr to Rails does this help?

dgamidov

dgamidov OP

Thanks, @eDev! I will try and be back with results :wink:

jwarlander

jwarlander

I’ve done this, in a potentially somewhat different scenario, managing a many-to-many relationship where (in your case) the available colors would be stored in a separate table / model; see my post on the phoenix-talk list for details:

I hope it might provide some additional insight :slight_smile:

dgamidov

dgamidov OP

@jwarlander, thank you!
I was thinking about something similar, and here is working solution :slight_smile:

dgamidov

dgamidov OP

After reading @jwarlander answer, I have created a simple application with multiple checkboxes.

I am using Ecto 2.0 and Phoenix 1.2 there.

Product -< ProductColor >- Color
Product -< ProductSize >- Size

When you go to Product form (edit) you can see checked checkboxes of current product.

I am using:

  • Repo.insert_all/3 to insert new relation(s) in intermediate table if new checkboxes were checked.
  • Repo.delete_all/2 to delete existing relation(s) in intermediate table if checkboxes were unchecked.

So I have only one insert and(or) delete for multiple checkbox (if there were new checks or unchecks).

I will be glad if you will criticize it! Maybe there is more elegant and proper solution.

— All posts loaded —

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
FlyingNoodle
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New
ryanwinchester
apply_graft/2 doesn’t rewrite an add_many sub-workflow’s deps on an add step. Grafted jobs cancel with “upstream job was deleted” Version...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews