Wie bekommt man die Ruby on Rails generierte id eines form-Elements als Referenz in JavaScript?

Bei der Verwendung der form_for Helfer und ein text_field nennen, Ruby on Rails generiert eine eindeutige id für die <input /> element, das es gibt. Wie kann ich die erzeugen die gleiche id für die spätere Eingliederung in JavaScript erzeugt später?

<%= form_for @user do |f| %>
  <%= f.text_field :username %>
<% end %>

Dann später in die Seite:

<%= javascript_tag do %>
  $('<%= id of the :username field %>').doSomethingReallyCool();
<% end %>

Ich möchte darauf hinweisen, dass die zusätzliche Beispiel in die bounty ist nur ein weiterer besonderer Fall, wo die Antwort nützlich sein wird. Es ist nicht eine andere Frage. Akzeptabel die Antwort sollte genug sein, für Allgemeine Zwecke zu passen sowohl die original-Beispiel und mir. Die beiden Beispiele zeigt einen Fall, wo es nötig ist, um "Ruby on Rails generierte id eines form-Elements als Referenz in JavaScript".
Meta-Frage nach der aktuellen bounty meta.stackoverflow.com/q/351561/73226
Nein, das ist nicht OK. Beachten Sie, dass der text von Ihr Kopfgeld ist nicht mehr sichtbar, nachdem die bounty ist abgelaufen oder vergeben. Eine Antwort, die Adressen der Frage in Ihrem bounty machen sehr wenig Sinn, nachdem die bounty ist verschwunden. Bitte stellen Sie eine neue Frage.
Ich denke, Sie machen Bemerkungen, ohne zu verstehen, dass die beiden Beispiele sind zwei Besondere Fälle des gleichen Allgemeinen Fall. Der Autor gibt nur EIN Beispiel von "Ruby on Rails generierte id eines form-element" und ich gebe ein weiteres Beispiel. Beispiel A und Beispiel B. Aber die Frage ist "Wie bekommt man die Ruby on Rails generierte id eines form-Elements als Referenz in JavaScript?" und es ist noch immer fehlt eine anständige Antwort. Derzeit akzeptierte Antwort ("erstellen ein benutzerdefiniertes Formular-generator") gilt als schlechte Praxis heutzutage.
Ist nicht das id-Namen-von-Modellname-von-der-Attribut? Und nicht Sie es nicht geben, eine id meine Angabe im html-Optionen?

InformationsquelleAutor Paul Alexander | 2011-01-27

22

Ich landete erstellen Sie eine benutzerdefinierte form builder expose der Immobilie direkt
```
class FormBuilder < ActionView::Helpers::FormBuilder
  def id_for(method, options={})
   InstanceTag.new( object_name, method, self, object ) \
               .id_for( options )               
  end
end

class InstanceTag < ActionView::Helpers::InstanceTag
  def id_for( options )
    add_default_name_and_id(options)
    options['id']
  end
end
```
Dann legen Sie die Standard-Formular-generator
```
ActionView::Base.default_form_builder = FormBuilder 
```
- Schön, danke! Wo ist der beste Ort, um dies in eine Rails-app?
- Mike: eine config - / - Initialisierungen/{Dateiname}.rb-Datei würde den trick tun
- Ich habe Schwierigkeiten, die Konzeptualisierung, wie dieses genannt wird. Zu meta für mein Gehirn, ich s'pose. Könnten Sie ein einfaches Beispiel?
- In den Schienen 5, ActionView::Helpers::InstanceTag sollte ersetzt werden, mit ActionView::Helpers::Tags::Base und InstanceTag.new(object_name, method, self, object) sollte InstanceTag.new(object_name, method, self, options) statt.
InformationsquelleAutor Paul Alexander
12

Blick auf die Formular-generator-Optionen:
```
<%= form_for @user do |f| %>
  <% form_css_id = "#" + f.options[:html][:id] %>
<% end %>
```
Optionen sollten mindestens die folgenden Daten enthalten: css-Klasse, id, http-Methode und Authentizität token.
- f.Optionen[:html] ist null für mich.
- Es ist nicht null für mich! Ich wünschte, ich könnte upvote dies mehr. Dies ist besonders nützlich, mit HTML5 ist die neue "form" - Attribut. Versuchen Sie dies: <% f.submit "Save Changes", form: f.options[:html][:id] %>. Nun können Sie javascript verwenden, um zu bewegen, die form, wohin Sie wollen, und es wird immer noch funktionieren, das Formular zu senden. So schön!
- Es scheint sich zu null für verschachtelte Objekte, sondern auf das übergeordnete Formular funktioniert es einwandfrei.
- Klar, der OP fragte, wie man die id von dem Feld Benutzername, nicht die form-id. Dies gibt der Formular-id.
InformationsquelleAutor Matt Aimonetti
3

Den Fall, dass jemand einen FormBuilder-Objekt aus einem fields_for block, seinen id mit diesem snippet:
```
<%= form.fields_for :something do |fields_form| %>
  <%= fields_form.object_name.gsub(/[/[/]]+/, '_').chop %>id
<% end %>
```
FieldsForm#object_name gibt die field-ID, so etwas wie dieses: user[address][0]. Neben der regex-Ersetzung ändert sich Gruppen von einer oder mehreren Klammern durch Unterstriche. Diese substitution lässt am Ende einen Unterstrich, um die es fügt die Buchstaben id. Für das Beispiel vor, diese Ergebnisse in user_address_0_id.

InformationsquelleAutor rodamn
3

Werden Sie wollen, geben Sie die id selbst. Hier erzeugen die id aus dem object_id der form garantiert, dass es keine Konflikte mit anderen text_field für Benutzernamen im Fall von verschachtelten Formen.
```
<%= form_for @user do |f| %>
  <%- id = "username_#{f.object_id}" %>
  <%= f.text_field :username, :id=>id %>
<% end %>

<%= javascript_tag do %>
  $("##{id}").doSomethingReallyCool();
<% end %>
```
- Dies ist nicht wirklich eine option, in diesem Fall dem JavaScript und Formular-Felder dynamisch sind und ich nicht unbedingt die Fähigkeit zu kontrollieren, die f.text_field nennen.
- Das ist eine offensichtliche Antwort ist, um einen bestimmten Fall, wo die id nicht dynamisch generiert, indem die Rails-app.
InformationsquelleAutor Jesse Wolgamott
2

In Rails 4.1 ich war in der Lage, um die id mit dabei:
```
ActionView::Base::Tags::Base.new(
  f.object_name,
  :username,
  :this_param_is_ignored,
).send(:tag_id)
```
Es funktioniert auch mit verschachtelten Formen (fields_for).

InformationsquelleAutor Michaël Witrant

Ich weiß nicht wirklich, wie meine eigene Lösung, die viel, aber ich wollte nicht gehen und patch InstanceTag.

Leider bedeutete das die Aufhebung der code-Bereinigung von ActionView::Helpers::InstanceTagMethods

class MyCoolFormBuilder < ActionView::Helpers::FormBuilder
    def sanitized_object_name
      @sanitized_object_name ||= object_name.gsub(/\]\[|[^-a-zA-Z0-9:.]/, "_").sub(/_$/, "")
    end

    def field_id_for(method)
      "#{sanitized_object_name}_#{method.to_s.sub(/\?$/,"")}"
    end
end

InformationsquelleAutor ilpoldo

0

Seit Ihren Javascript-code in einer ruby-Datei eingebettet (.erb), die wird vom server interpretiert, bevor Sie gesendet an den client-browser, können Sie generiert die erforderlichen JS-Variablen mit einem Rubin snippet wie:
```
var id='#id_for_'+<%= @user.username %>
var id='#comment_info_'+<%= n %>
```
und dann verwenden Sie es einfach als $(id).doSomethingReallyCool();.

Wenn Sie die Kontrolle über den Wert der id, generiert durch die form in der ersten Instanz, können Sie es tun, übergeben Sie die id in der html-hash Optionen:
```
f.text_field :username, id:"id_for_#{…}"
```
Wenn Sie eine unauffällige JS-Ansatz, den Sie möchten, platzieren Sie den JS-code in eine partielle (.js.erb) und habe den controller verwenden, wenn der client-Benutzer können JS. E. g.:
```
class FooController < ApplicationController

def foo_doo
  … # some logic
  respond_to do |format|
    format.js # this will render javascript in file “foo_doo.js.erb” if allowed
    format.html { … } # html fallback for unobtrusive javascript
  end
end
```
Dies ist die empfohlene Vorgehensweise heutzutage. Das problem ist jetzt, dass Sie brauchen, um passieren die Variablen auf Ihre JS-code. Wenn diese Variablen kam aus einem Formular, legen Sie Sie in günstiger versteckte Formularfelder. Und dann nutzen Sie die render - locals option zur Verfügung, die durch Ihre teilweise, wie in:
```
format.js { render 'foo_doo', locals: {n:n} }
```
Wenn der JS-code wird aktualisiert eine Vorlage, verwenden einige Variablen, die den gleichen Ansatz verwenden:
```
var id='#comment_info_'+<%= n %>
$(id).replaceWith("<%= j (render partial:…, locals: {…}) %>")
```
InformationsquelleAutor Claudio Floreani
0

Ich gehe davon aus, dass es mehrere form_for in die Seite und jedes hat einen eigenen submit-button. Ich denke, das ist, wie ich dies tun:

Haben einen versteckten Feld in der die form_for und setzen Sie den Wert für die id des input-Feldes. Hier habe ich gewählt input_#{n} wie die id des input-Feldes. Natürlich definiere ich die id für jeden Eingang.
```
<%= form_for @user do |f| %>
  <%= f.text_field :username, id: "input_#{n}" %>
  <%= hidden_field_tag 'user[input_id]', value: "input_#{n}" %>
  <%= f.submit %>
<% end %>   
```
Dann auf submit, bekomme ich die id des form-Eingang in meinem params params[:user][:input_id] was ich kann, pass auf die js.erb mit der locals.

Hoffe, das hilft 🙂

InformationsquelleAutor dhaliman

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.