innocentoldguy
Dynamically add and delete nested model data in a LiveView form
Ecto noob question here. I followed this tutorial for dynamically adding and deleting the many side of a one-to-many relationship in a Phoenix LiveView: Nested model forms with Phoenix LiveView · FullstackPhoenix
Just to keep it easy, lets say I have a one-to-many relationship between a Blog and its Comments.
Using the example in the above tutorial, I can dynamically add multiple Comments to a Blog. I can also delete Comments. If I delete a Comment that is in the changset, but not committed to the database yet (one with a temp ID), then I can continue to add more Comments. However, if I delete a Comment that is already in the database and then try to add another Comment, I get this error:
(RuntimeError) cannot replace related %Test.Blogs.Entry{__meta__: #Ecto.Schema.Metadata<:loaded, "comments">, delete: nil, id: 1, inserted_at: ~N[1970-01-01 00:00:00], blog: #Ecto.Association.NotLoaded<association :blog is not loaded>, blog_id: 1, temp_id: nil, title: "Test Blog", updated_at: ~N[1970-01-01 00:00:00]}. This typically happens when you are calling put_assoc/put_embed with the results of a previous put_assoc/put_embed/cast_assoc/cast_embed operation, which is not supported. You must call such operations only once per embed/assoc, in order for Ecto to track changes effeciently [sic].
My code is exactly the same as the code in the tutorial at this point, only with different table names. I’m using the latest versions of Phoenix, LiveView, and Ecto.
I’ve scoured the Ecto documentation for about 10 hours now, but I haven’t found a way to get past this error using Ecto changesets, as described in the tutorial. Is there a way to fix this error, or is it just impossible to use Ecto in the way this tutorial suggests?
First Post!
innocentoldguy
I misspoke in my original post. The tutorial I mentioned doesn’t show how to delete existing “Comments” from a “Blog.” I added that using this function:
def handle_event("remove-existing-comment", %{"remove" => id}, socket) do
deleted_comments = [ id | socket.assigns.deleted_comments ]
Blog.delete_comment(id)
comments =
socket.assigns.blog.commets
|> Enum.reject(fn comment ->
comment.id in deleted_comments
end)
changeset =
socket.assigns.changeset
|> Ecto.Changeset.put_assoc(:comments, comments)
{:noreply, assign(socket, changeset: changeset, deleted_comments: deleted_comments)}
end
This works fine, but if I delete an existing comment using this callback, then the function to create new Comments stops working, with the error I mentioned in my original post.
I apologize for attributing this part of the code to the author of the tutorial.
So, again, is there a way to get this to work with Ecto, or is it an impossible scenario?
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
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
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
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.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Courses that'll move you from confusion to "Aha, now I get it!"