enkr1
The fields of the inner form inputs_for got reset when modifying other fields
I have a map field which stores my mobile_json and I used inputs_for to display the embedded_schema’s fields which looks like:
<%= inputs_for f, :m_json, fn mobile_json -> %>
<div class="mobile-number-input-container">
<div>
<%= select mobile_json, :mcc, @country_dialing_codes %>
<%= error_tag mobile_json, :mcc %>
</div>
<div>
<%= number_input mobile_json, :mobile_nb, placeholder: "e.g. 90123456" %>
<%= error_tag mobile_json, :mobile_nb %>
</div>
</div>
<% end %>
This is what the form looks like:
Step 1: Fill in the one of the mobile_json fields
Step 2: Modify any other fields (e.g. Country)
As you can see the Mobile Number field reset back to empty. When you modify any other fields, the data in the inputs_for will be reset.
Really struggling to find solutions online, I really need help.
Thank you so so much in advance.
Marked As Solved
al2o3cr
There’s something important missing from the call to new_user_changeset: the second parameter!
Note that LiveView will not overwrite the element you just edited, so it looks like only the last value you sent sticks around.
Last Post!
enkr1
Thank you so much for guiding me in the right direction!
my solution (just for anyone who hits it in the future):
defp assign_changeset(socket, :edit), do: # ...
defp assign_changeset(socket, _), do: # ...
defp assign_changeset(socket, :validate, attrs),
do:
socket
|> assign(
:changeset,
Accounts.update_user_changeset(socket.assigns.user, attrs)
|> Map.put(:action, :validate)
)
# My validate of my form handle_event
@impl true
def handle_event("validate", %{"user" => user_params} = data, socket) do
{:noreply, socket |> assign_changeset(:validate, user_params)}
end
Just like what @al2o3cr said, my mistake was that I did not pass my changed attribute into the changeset, that was why it was always reset back to what it was.
Popular in Questions
Other popular topics
Latest on Elixir Forum
Sponsor Spotlight
Enabling companies to succeed by building software people love.
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
- #forms
- #api
- #metaprogramming
- #hex
- #security
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 for Elixir devs who love to ship. Start your free account.
Practical resources that improve the lives of professional developers.
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!"