nyakio
Multiselect checkbox input for existing records
I have an invitation form that includes a list of existing groups a user can be invited to. The form does not allow creating new groups but lets users select from the existing groups to associate with the invitation.
Below is a sample form input:
Additionally, here is the Invitation#create action:
actions do
defaults [:read, :destroy]
create :create do
accept [:email, :language]
argument :groups, {:array, :uuid}, allow_nil?: false
change manage_relationship(:groups,
on_lookup: :relate,
on_no_match: :error,
on_match: :ignore,
on_missing: :unrelate
)
primary? true
end
end
What is the best way to create an input field that allows selecting existing groups to associate with an invitation?
Marked As Solved
zachdaniel
Hey there! I think the most straightforward way to go about this is to use the prepare_params option of AshPhoenix.Form. I put together a little example project that you can run, and go to /posts. There you can create a post with two category options each toggled with checkboxes. In your case, the label would be the name of the group, and instead of #{category} it would be something like #{group.id}.
This is a link to the relevant form_component.ex.
Also Liked
almirsarajcic
For anyone struggling with this, we solved it by getting the value of groups:
def render(assigns) do
assigns =
assigns
|> assign(:checked_groups, AshPhoenix.Form.value(assigns.form, :groups) || [])
and setting checked attribute depending on whether a group is inside that list:
<%= for group <- @groups do %>
<.input
type="checkbox"
label={group.name}
name={@form.name <> "[groups][#{group.id}]"}
id={@form.id <> "_groups_#{group.id}"}
checked={group.id in @checked_groups}
/>
The groups stay checked after validation.
We just need to make sure we’re assigning the form during validation, as always:
def handle_event("validate", %{"invitation" => params}, socket) do
form = AshPhoenix.Form.validate(socket.assigns.form, params)
{:noreply, assign(socket, :form, form)}
end
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest Ash Threads
Latest on Elixir Forum
Sponsor Spotlight
Practical resources that improve the lives of professional developers.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"