Nest Eingabe innerhalb von f.label (Rails Form Generation)

Ich wollen, verwenden Sie die f.label-Methode, um meine form-element-labels, allerdings - ich möchte das form-element verschachtelt innerhalb des label. Ist das möglich?

-- Vom W3C --

Zuordnen, eine Beschriftung mit einem anderen Steuerelement implizit, das element muss innerhalb des Inhalts des LABEL-Elements. In diesem Fall wird die BEZEICHNUNG darf nur ein control-element. Das label selbst kann sich vor oder nach dem zugehörigen Steuerung.

In diesem Beispiel implizit assoziieren zwei Beschriftungen mit zwei Texteingabe-Steuerelementen:

<form action="..." method="post">
 <p>
  <label>
     First Name
     <input type="text" name="firstname" />
  </label>
  <label>
     <input type="text" name="lastname" />
     Last Name
  </label>
  </p>
</form>

InformationsquelleAutor der Frage Mike | 2010-03-16

  1. 23

    Können Sie verschachteln, Formular-helper innen ein label mit einem block. Hier ist ein Beispiel mit HAML, es funktioniert aber auch mit ERB.

    = form_for your_resource do |f|
  = f.label :first_name do
    = f.text_field :first_name

    InformationsquelleAutor der Antwort Dan Garland

  2. 9

    Als Dan Garland oben bereits erwähnt, können Sie definitiv nest-Eingänge innen-Etiketten mit einem einfachen block. Ich bin die Bereitstellung dieser Antwort als ein Beispiel mit ERB-und insbesondere um zu zeigen, wie Sie haben, um Bootstrap-button-Gruppen zu arbeiten, wie radio-buttonswie Sie brauchen, diese Verschachtelung. Es dauerte eine Weile, um herauszufinden, so hoffentlich wird dies jemand anderes helfen.

    Für dieses Beispiel (Rails 4.2), die button-group) ermöglicht die Auswahl zwischen 3 verschiedenen Distanz-Optionen:

    <%= form_for(@location) do |f| %>
  <div class="field form-group">
    <%= f.label :distance %><br>
    <div class="btn-group" data-toggle="buttons">
      <%= f.label :distance, class: "btn btn-primary active" do %>
        <%= f.radio_button :distance, 0.3, checked: true %>
        0.3 miles
      <% end %>
      <%= f.label :distance, class: "btn btn-primary" do %>
        <%= f.radio_button :distance, 0.5 %>
        0.5 miles
      <% end %>
      <%= f.label :distance, class: "btn btn-primary" do %>
        <%= f.radio_button :distance, 1 %>
        1 mile
      <% end %>
    </div>
  </div>
  <div class="actions">
    <%= f.submit "Submit Location", class: "btn btn-success" %>
  </div>
<% end %>

    P. S. ich kann noch nicht posten screenshots, um zu zeigen, wie das aussieht, aber sobald ich genug bekommen rep-Punkte, werde ich.

    InformationsquelleAutor der Antwort Sia

  3. 8

    Können Sie eine benutzerdefinierte FormBuilder, dass die label-Helfer zu akzeptieren, zu blockieren. Es ist so einfach:

    class SmartLabelFormBuilder < ActionView::Helpers::FormBuilder
  def label(method, content_or_options_with_block = nil, options = {}, &block)
    if !block_given?
      super(method, content_or_options_with_block, options)
    else
      options = content_or_options_with_block.is_a?(Hash) ? content_or_options_with_block.stringify_keys : {}

      @template.content_tag(:label, options, &block)
    end
  end
end

    Dann können Sie Ihr Formular-generator wie diese:

    <% form_for(@article, :builder => SmartLabelFormBuilder) do |form| %>
  <% form.label(:title) do %>
    Title
    <%= form.text_field(:title) %>
  <% end %>
<% end %>

    InformationsquelleAutor der Antwort Tim Riley

  4. 2

    Mithilfe dieses kleinen workaround

    <%= f.label(:content, "#{f.check_box(:allow_posts)}\n#{:content}\n".html_safe, :class => "checkbox") %>

    geben Sie dies

    <label class="checkbox" for="pages_content"><input name="pages[allow_posts]" type="hidden" value="0"><input id="pages_allow_posts" name="pages[allow_posts]" type="checkbox" value="1">

    Inhalt

    InformationsquelleAutor der Antwort Moshe

  5. 1

    Dies ist nicht möglich, mit dem eingebauten Schienen' label oder label_tag Helfer, weil Sie nicht auf block. Allerdings, wenn Sie nisten, dann warum würden Sie nicht einfach das HTML-element direkt?—

    <label>
  <%= f.text_field :firstname %>
</label>

    InformationsquelleAutor der Antwort John Topley

Schreibe einen Kommentar