kaquadu

kaquadu

Fields of form disappearing after live view reload

Hi,
I’m currently struggling with a problem mentioned in the title. I’m using Live View 0.1.0, Phoenix 1.4.9 and Elixir 1.9.0. I’ve got a form, which is used to filter a table. After submitting there is an event sent to the hande_event function. Although filtering after submitting works fine (query is good, parameters of submitted form are sent to the backend and it responds with correct results) it clears all fields of my form, which is no-go for me. Is there any way I can keep values of fields after submitting?

There is form partial:

<form action="#" phx-submit="search" id="search-form">

<%= label :city, gettext("City") %>

<%= text_input :params, :city, id: "city" %>

<%= label :street, gettext("Street") %>

<%= text_input :params, :street, id: "street" %>

<%= label :title, gettext("Title") %>

<%= text_input :params, :title, id: "title" %>

... many other params ...

<%= submit gettext("Search"), phx_disable_with: gettext("Searching...") %>

</form>

Handle event function:

def handle_event("search", %{"params" => params}, socket) do
    members = Context.get_members(params)
    {:noreply, assign(socket, members: members)}
  end

Marked As Solved

benwilson512

benwilson512

Author of Craft GraphQL APIs in Elixir with Absinthe

Your form inputs aren’t referencing any value, so when they are re-rendered they aren’t populated with a value. It’s for this reason that I basically always use changesets for my live view forms since it makes it easy to get the correct state on the form fields. If you wish to do it manually you can, you’ll want to do something like text_input :params, :city, id: "city", value: @form_state.city. Then on search-form submit you need to set form_state based on the submitted form values.

Where Next?

Popular in Questions Top

earth10
Hi, I’m just starting to build a side-project with Elixir and Phoenix and doing some basic test with Elixir alone. What strikes me is th...
New
shahryarjb
Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.
New
minhajuddin
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
New
RisingFromAshes
I've read in another post that it may be possible with a router helper - but I couldn't find an appropriate one, and tbh, I'm still just ...
New
Lily
In templates/appointment/index.html.eex: &lt;%= for appointment &lt;- @appointments do %&gt; &lt;tr&gt; &lt;td&gt;&lt;%= appoi...
New
fayddelight
I tried installing elixir 1.11.2 erlang 23.3.4 via asdf in my zsh shell. Enabled the versions locally and globally. When I list them ...
New
baxterw3b
Hi guys, i’m new in the Elixir world, and i have to say, that i love it! i’m having some problem to understand anonymous functions with ...
New
senggen
Erlang/OTP 25 [erts-13.2.2] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] 15:22:35.803 [error] gen_event {lager_file_backend...
New
lanycrost
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
New

Other popular topics Top

marius95
Hello everyone, I try to use an Javascript Event Handler in my root.html.leex file. Therefore I created a function in the app.js file: ...
New
lastday4you
I wanted to check elixir version in phoenix because i found that my elixir is 1.5 but when i use Enum.chunk_by it said the function is un...
New
mcarvalho
What is the difference between System.get_env and Application.get_env? For example, what are best practices to use one versus another.
New
chrismccord
As promised, the first release candidate of Phoenix 1.3.0 is out! This release focuses on code generators with improved project structure...
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
Qqwy
Original source of discussion: This topic on the Pragmatic Programmers' Functional Web Development with Elixir, OTP, and Phoenix forum. ...
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
AstonJ
Seen any cool LiveView demos, sample apps or examples? Please post them here! :003:
New
lanycrost
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
New

We're in Beta

About us Mission Statement