saulbensach

saulbensach

One modal to edit embeds_many in a live_view form

Hello everyone!,

I’m dealing with a LiveView from that includes a dynamic list using an embeds_many where each item can be edited through a modal. The modal itself is a LiveComponent with it’s own form. When pressing the “save” of the modal it sends the data back for that item using send/2

Under normal circumstances I run the following code

def handle_event("validate", params, socket) do
    changeset = FormState.changeset(socket.assigns.struct, params["form_state"])
    {:noreply, assign(socket, changeset: changeset)}
end

But because this modal is not inside the form I need to “patch” the incoming data in to the changeset manually.

# in case of a single item
params = %{
  "list_of_things" => %{
    form_index => %{"id" => id, "something" => something}
  }
}

FormState.change_list_of_things(socket.assigns.struct, params)

This becomes harder when the list contains more than one item, because I actually have to built the whole list of params so the cast_assoc can track properly the changes ad

The problem here is that I feel that having to build params manually with the indexes feels a bit odd, and makes me have several questions but I don’t actually know how to handle this situation.

  • Should I have a modal per item in the has_many?
  • Does the modal should somehow update the form_field and trigger the phx-change event?
  • Is there any more proper solution to this problem?

For me the solution is to go with the phoenix way by triggering params by phx-change event, but I don’t fully see a proper solution for this problem

Thanks for the help!

Edit: typo

First Post!

sodapopcan

sodapopcan

The modal itself is a LiveComponent with it’s own form

When you say it has its own form, do you mean form inputs that are part of a larger form, or each has its own <form>?

It would help too if you could share some heex code as I’m finding it a bit hard to picture exactly what you’re describing.

Where Next?

Popular in Questions Top

srinivasu
How to handle excepions in elixir? Suppose i have A, B, C ,D, E modules. and each module has get() function. A.get() method will call th...
New
Werner
Hi, I’m using Ubuntu 18.04 and after updating to OTP-24.0 yesterday i have this warning when I run “mix local.hex”: 14:57:30.512 [warn] ...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
Kagamiiiii
Student &amp; New to elixir. Nice language. I want to convert a english character, e.g. “a”, which is stored in a variable, to it’s asci...
New
lk-geimfari
What is most correct way to open, read and parse JSON file with poison? For example if we have example.json file in root of some projec...
New
Fl4m3Ph03n1x
Background Let’s assume I have a typical GenServer that receives messages as requests, does some operation in a DB and returns responses....
New
gonzofish
I’m currently trying to understand how to join three tables using Ecto. All the examples I’ve seen use 2, so maybe I’m just missing somet...
New
chewm
Hi guys, nice to meet you to the whole forum, I’m new here, I’m trying to configure visual studio code for elixir, right now the intellis...
New
Fl4m3Ph03n1x
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
New
wernerlaude
In AR this is so simple @articles = current_user.articles How to do in Ecto? def index(conn, _params) do current_user = conn.assig...
New

Other popular topics Top

Qqwy
Update: How to use the Blogs &amp; Podcasts section You can post links to your blog posts or podcasts either in one of the Official Blog...
3268 119930 1237
New
shahryarjb
Hello, I get Persian date from my client and convert it to normal calendar like this: def jalali_string_to_miladi_english_number(persi...
New
sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
977 41022 311
New
bsollish-terakeet
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
vonH
When I run the Plug and I recompile I wind up having to use Ctrl C to quit iex and start again. Witht the help of rlwrap I can use the cu...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
electic
Hi, I am new to Elixir. I am trying to use the DateTime component to insert a date into MySQL however the there seems to be no way to fo...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New

We're in Beta

About us Mission Statement