Szybka pomoc

Ściągawka z helperów formularzy w Rails

Szybki przewodnik po helperach formularzy w Rails: form_with, wiązanie modeli, pola wejściowe, selecty i zabezpieczenie CSRF.

· Opublikowano

Rails udostępnia metodę form_with do generowania formularzy powiązanych z modelami ActiveRecord z wbudowaną ochroną CSRF i konwencją RESTful.

Formularze powiązane z modelem (form_with)

<%= form_with model: @user do |f| %>
  <% if @user.errors.any? %>
    <div class="errors">
      <h2><%= pluralize(@user.errors.count, "error") %> prohibited saving:</h2>
      <ul>
        <% @user.errors.full_messages.each do |msg| %>
          <li><%= msg %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <%= f.label :name, "Full Name" %>
  <%= f.text_field :name, class: "input-field" %>

  <%= f.label :email %>
  <%= f.email_field :email %>

  <%= f.label :password %>
  <%= f.password_field :password %>

  <%= f.submit "Create Account", class: "btn-primary" %>
<% end %>

Popularne pomocniki pól (Input Helpers)

Pomocnik Wygenerowany HTML
f.text_field :title <input type="text">
f.email_field :email <input type="email">
f.number_field :age <input type="number">
f.date_field :born_on <input type="date">
f.text_area :bio <textarea>
f.check_box :active <input type="checkbox">
f.radio_button :role, "admin" <input type="radio">
f.file_field :avatar <input type="file">
f.hidden_field :token <input type="hidden">

Listy rozwijane (Select)

<!-- Select kolekcji z zapytania ActiveRecord -->
<%= f.collection_select :category_id, Category.all, :id, :name, prompt: "Select category" %>

<!-- Statyczna lista opcji -->
<%= f.select :role, [["Admin", "admin"], ["Member", "member"]], include_blank: true %>

Atrybuty zagnieżdżone (fields_for)

<%= form_with model: @author do |f| %>
  <%= f.text_field :name %>

  <%= f.fields_for :profile do |profile_fields| %>
    <%= profile_fields.text_field :twitter_handle %>
    <%= profile_fields.text_area :bio %>
  <% end %>

  <%= f.submit %>
<% end %>

Materiały referencyjne

Powiązane tematy