nallwhy

How can I submit LiveView form with data from hook elements?

When using phx-submit in a form within LiveView, I want to include data from other elements connected via hooks in the params.

I thought sending an event to the specific element using JS.dispatch/2 and then having that element send a LiveView event back along with the form data would work, but I have no idea how to retrieve the form data.

Below is the example code.

** I want to handle multiple hook elements in a form.

gist.github.com

https://gist.github.com/nallwhy/f53670a7f14c8ef0a4fe493847a01ddf

server.exs

Application.put_env(:sample, SamplePhoenix.Endpoint,
  http: [ip: {127, 0, 0, 1}, port: 5001],
  server: true,
  live_view: [signing_salt: "aaaaaaaa"],
  secret_key_base: String.duplicate("a", 64)
)

Mix.install([
  {:plug_cowboy, "~> 2.7"},
  {:jason, "~> 1.0"},

This file has been truncated. show original

4 comments

/phoenix #liveview #liveview-form

0 749 4

2024-03-12 03:57:23 UTC

Most Liked

sevensidedmarble

You could do it in JS, but it would be a lot easier if you could just make your input elements in the DOM structured the way you need for them to submit right.

Post #1

Last Post!

mindok

There’s another post covering the wire-up to Trix editor:

Post #4

Where Next?

View thread on forum (has 4 replies!)

Switch to First Posts mode

phoenix

liveview

liveview-form

Home Questions & Help>Questions

/phoenix #liveview #liveview-form

1 749 4

Last post

REPLY VIEW THREAD WITH 4 POSTS

Popular in Questions

Questions & Help>Questions

Transform a list into an map with indexes using Enum module

Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list. ...

35 33148 9

2016-09-01 23:06:05 UTC

New

Questions & Help>Questions

System.get_env vs. Application.get_env

What is the difference between System.get_env and Application.get_env? For example, what are best practices to use one versus another.

#environment

13 17463 6

2023-08-30 16:24:51 UTC

New

Questions & Help>Questions

How to set environment variables in dev.exs?

Hi All, I set a environment variables in dev.exs , like below code. when i start server, how can i set the ${enable} value? thanks. d...

/phoenix

31 22286 15

2021-03-16 00:58:41 UTC

New

Questions & Help>Questions

Enum.map over list of key/value pairs with a map as the value

As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...

#enummap

7 20069 6

2019-10-12 19:16:31 UTC

New

Questions & Help>Questions

What are the main benefits of Elixir compared to Clojure?

Hey, Just curious what are the main benefits of Elixir compared to Clojure? When is Elixir more useful than Clojure and vice versa? Th...

#clojure

229 34159 47

2024-07-22 18:04:13 UTC

New

Questions & Help>Questions

Docker run Error loading shared library libstdc++.so.6 and libgcc_s.so.1

I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...

/phoenix #deployment #docker-compose

30 20652 15

2022-06-16 15:43:30 UTC

New

Questions & Help>Questions

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...

#deployment

2 85893 3

2023-11-16 22:55:34 UTC

New

Other popular topics

Questions & Help>Questions

DateTime Format to string?

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...

#datetime

19 25170 16

2025-05-01 18:58:58 UTC

New

Questions & Help>Questions

Difference in between :utc_datetime and :naive_datetime in Ecto

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...

#ecto #timestamps

79 28482 15

2019-12-27 00:02:47 UTC

New

Questions & Help>Questions

How to decode a JSON into a struct safely?

What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...

#structs #json

29 21479 26

2022-11-01 19:09:59 UTC

New

Chat & Discussions>Wikis

Emacs - Elixir Setup Configuration Wiki

This post is a wiki (feel free to hit the edit button near the bottom right of this post to add your own changes!) This post collects co...

#spacemacs #wiki #emacs #code-editors #language-server-protocol

239 49266 226

2025-01-03 12:54:22 UTC

New

News>Announcing

Oban - Reliable and Observable Job Processing

Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...

/oban #ecto #postgres #job-processing

985 44778 311

2026-03-25 15:49:12 UTC

New

Chat & Discussions>Discussions

What's a great modern drag and drop javascript library you recommend?

Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...

/phoenix #javascript

66 20424 25

2024-05-30 18:55:03 UTC

New

How can I submit LiveView form with data from hook elements?

nallwhy

How can I submit LiveView form with data from hook elements?

Most Liked

sevensidedmarble

Last Post!

mindok

Where Next?

Popular in Questions

Transform a list into an map with indexes using Enum module

System.get_env vs. Application.get_env

How to set environment variables in dev.exs?

Enum.map over list of key/value pairs with a map as the value

What are the main benefits of Elixir compared to Clojure?

Docker run Error loading shared library libstdc++.so.6 and libgcc_s.so.1

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

Other popular topics

DateTime Format to string?

Difference in between :utc_datetime and :naive_datetime in Ecto

How to decode a JSON into a struct safely?

Emacs - Elixir Setup Configuration Wiki

Oban - Reliable and Observable Job Processing

What's a great modern drag and drop javascript library you recommend?

Latest Phoenix Threads

Questions & Help>Questions

Latest on Elixir Forum

Categories:

Sub Categories:

Forums

Popular Tags

We're in Beta

Options

How can I submit LiveView form with data from hook elements?

nallwhy

How can I submit LiveView form with data from hook elements?

Most Liked

sevensidedmarble

Last Post!

mindok

Where Next?

Popular in Questions

Transform a list into an map with indexes using Enum module

System.get_env vs. Application.get_env

How to set environment variables in dev.exs?

Enum.map over list of key/value pairs with a map as the value

What are the main benefits of Elixir compared to Clojure?

Docker run Error loading shared library libstdc++.so.6 and libgcc_s.so.1

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

Other popular topics

DateTime Format to string?

Difference in between :utc_datetime and :naive_datetime in Ecto

How to decode a JSON into a struct safely?

Emacs - Elixir Setup Configuration Wiki

Oban - Reliable and Observable Job Processing

What's a great modern drag and drop javascript library you recommend?

Latest Phoenix Threads

Questions & Help>Questions

Latest on Elixir Forum

Sponsor Spotlight

Our Sponsors

Categories:

Sub Categories:

Forums

Popular Tags

Our Sponsors

We're in Beta

Options