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

Kurisu
For example for a current url like http://localhost:4000/cosmetic/products?_utf8=✓&amp;query=perfume&amp;page=2, I would like to get: ...
New
Harrisonl
We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...
New
sen
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...
New
skosch
To my knowledge, put_in, Map.update etc. all have the one limitation of not automatically creating intermediate keys when needed (for exa...
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
itssasanka
Hi all, Trying to get some more clarity over utc_datetime and naive_datetime for Ecto: The documentation above suggests that while ...
New
aalberti333
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: ...
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
chensan
I have a User schema with a :from_id field set to type :string: defmodule TweetBot.Repo.Migrations.CreateUsers do use Ecto.Migration ...
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

Other popular topics Top

WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
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
Emily
I have VueJS GUIs with the project generated using Webpack. I have Elixir modules that will need to be used by the VueJS GUIs. I forese...
New
sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
985 43657 311
New
josevalim
Hi everyone, One of the features added to Elixir early on to help integration with Erlang code was the idea of overridable function defi...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
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
shijith.k
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
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
vonH
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
New

We're in Beta

About us Mission Statement