Working Example of Phoenix Built in Form Component: Difference between revisions

From ElixirBlocks
Jump to: navigation, search
(Created page with " <source> defmodule AppWeb.PageLive do use AppWeb, :live_view def mount(_params, _session, socket) do {:ok, assign(socket, form: to_form(%{}, as: :my_form))} end def handle_event("save", params, socket) do {:noreply, socket} end def render(assigns) do ~H""" <.form for={@form} phx-change="validate" phx-submit="save"> <.input type="text" field={@form[:username]} /> <.input type="email" field={@form[:email]} />...")
 
No edit summary
Line 8: Line 8:




{:ok, assign(socket, form: to_form(%{}, as: :my_form))}
      {:ok, assign(socket, form: to_form(%{}, as: :my_form))}


   end
   end
Line 14: Line 14:
   def handle_event("save", params, socket) do
   def handle_event("save", params, socket) do
     {:noreply, socket}
     {:noreply, socket}
  end
  end


   def render(assigns) do
   def render(assigns) do

Revision as of 18:59, 18 October 2023



defmodule AppWeb.PageLive do
   use AppWeb, :live_view  
   def mount(_params, _session, socket)  do


      {:ok, assign(socket, form: to_form(%{}, as: :my_form))}

   end

   def handle_event("save", params, socket) do
    {:noreply, socket}
   end

   def render(assigns) do
     ~H"""
        <.form for={@form} phx-change="validate" phx-submit="save">
        <.input type="text" field={@form[:username]} />
        <.input type="email" field={@form[:email]} />
           <button>Save</button>
        </.form>
	 """ 
   end

end