tegmentum

tegmentum

I’m having trouble updating a embeds_many field. My setup is the following:

<.simple_form
for={@form}
id="draft_order-form"
phx-target={@myself}
phx-change="validate"
phx-submit="save"
>
  <.inputs_for :let={item} field={@form[:items]}>
    <.input type="number" field={item[:quantity]} min={0} max={25}/>
  </.inputs_for>
</.simple_form>

That gives me the following markup

<div phx-feedback-for="draft_order_creation_form[items][0][quantity]" class="phx-no-feedback">
  <input type="number" name="draft_order_creation_form[items][0][quantity]" id="draft_order_creation_form_items_0_quantity" value="1" max="25" min="0">
</div>

My understanding is that i need the item.id to correctly update the changeset, but the params i receive from the “validate” event handler don’t include ids for items. I expect that this markup is making sure the ids make it to the params, but that is not the case

%{
  "_target" => ["draft_order_creation_form", "items", "0", "quantity"],
  "draft_order_creation_form" => %{
    "items" => %{"0" => %{"_persistent_id" => "0", "quantity" => "2"}},
  }
}

Any help would be much appreciated

Showing Posts 1 to 3

thiagomajesk

thiagomajesk

Have you tried including a hidden input with the item ID inside inputs_for?

tegmentum

tegmentum OP

no, could you please show me a small example ? or point me to the docs for that ?

tegmentum

tegmentum OP

I noticed the following hidden input is being added by inputs_for

<input type="hidden" name="draft_order_creation_form[items][0][_persistent_id]" value="0">

But this is the changeset i’m turning into a form with to_form, why wouldn’t there be an id in the params ?

the form: %Phoenix.HTML.Form{
  source: #Ecto.Changeset<
    action: :validate,
    changes: %{
      items: [
        #Ecto.Changeset<
          action: :insert,
          changes: %{
            id: "01J3TDKVKQNFGMMM44FP0N8074",
            name: "400g / Einzeldose",
            image: "a",
            quantity: 1,
            price: Decimal.new("2.99"),
            variant_id: "01J3TDKVKQNFGMMM44FP0N8074"
          },
          errors: [],
          data: #Pdex.DraftOrderCreationForm.Item<>,
          valid?: true
        >
      ],
      shipping: #Ecto.Changeset<
        action: :insert,
        changes: %{method: "dpd"},
        errors: [price: {"can't be blank", [validation: :required]}],
        data: #Pdex.DraftOrders.Shipping<>,
        valid?: false
      >,
      discount: #Ecto.Changeset<
        action: :insert,
        changes: %{unit: :money},
        errors: [value: {"can't be blank", [validation: :required]}],
        data: #Pdex.DraftOrders.Discount<>,
        valid?: false
      >
    },
    errors: [
      customer_id: {"can't be blank", [validation: :required]},
      shipping_address_id: {"can't be blank", [validation: :required]},
      billing_address_id: {"can't be blank", [validation: :required]}
    ],
    data: #Pdex.DraftOrderCreationForm<>,
    valid?: false
  >,
  impl: Phoenix.HTML.FormData.Ecto.Changeset,
  id: "draft_order_creation_form",
  name: "draft_order_creation_form",
  data: %Pdex.DraftOrderCreationForm{
    order_id: nil,
    customer_id: nil,
    shipping_address_id: nil,
    billing_address_id: nil,
    note: nil,
    market_id: "01J3TCZA758GVB40QD7RWD6DTB",
    tags: [],
    discount: nil,
    shipping: nil,
    items: []
  },
  action: nil,
  hidden: [],
  params: %{
    "customer_id" => "",
    "customer_id_text_input" => "",
    "discount" => %{
      "_persistent_id" => "0",
      "reason" => "",
      "unit" => "money",
      "value" => ""
    },
    "items" => [
      %{
        "id" => "01J3TDKVKQNFGMMM44FP0N8074",
        "image" => "a",
        "name" => "400g / Einzeldose",
        "price" => "2.99",
        "product_name" => nil,
        "quantity" => 1,
        "variant_id" => "01J3TDKVKQNFGMMM44FP0N8074"
      }
    ],
    "items_text_input" => "",
    "market_id" => "01J3TCZA758GVB40QD7RWD6DTB",
    "note" => "",
    "shipping" => %{"_persistent_id" => "0", "method" => "dpd", "price" => ""},
    "tags_empty_selection" => "",
    "tags_text_input" => ""
  },
  errors: [
    customer_id: {"can't be blank", [validation: :required]},
    shipping_address_id: {"can't be blank", [validation: :required]},
    billing_address_id: {"can't be blank", [validation: :required]}
  ],
  options: [method: "post"],
  index: nil
}
— All posts loaded —

Where Next? Top

Trending in Discussions Top

AstonJ
As the title says, please share what you’ve been up to with Elixir. Whether that’s been learning it, looking into it, making stuff with i...
2977 92995 915
New
caslu
I want to open this thread for you all to discuss and help those who really like Ash but are still hesitant to use it in a real project. ...
New
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
GES233
I’m posting this in response to Jose’s recent tweet (Cr. link) : People are sleeping on Elixir for a coding harness: Hot-code swappi...
New
_mfierro
Hello, I wrote Stop My Hand, a Scattergories-like web application using Phoenix/LiveView as my learning project for Elixir (after readin...
New
marciol
It would be helpful to have a list of companies worldwide that hire engineers without prior experience in Elixir. Often, it can be quite ...
New
durvia
Anyone running long-lived stateful processes on BEAM? We’re building an AI agent runtime and would love to compare notes. We’re a small ...
New

Other Trending Topics Top

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
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
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
wintermeyer
There are three potential reasons for members of this forum to have a look at https://vutuv.de You are tired or annoyed of LinkedIn. Yo...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews