Unobtrusive jQuery autocomplete in Schienen

Ich bin mit Schienen, aber das tun alle meine Javascript-unauffällig mit jQuery in application.js.

Leider ist dies macht es ziemlich schwierig, Verweis-URLs. Zum Beispiel, wenn ich will, um ein Feld mit autocomplete-Verhalten, ich habe zu hart-code der AutoVervollständigen-URL in application.js da die Schienen url_for ist nicht verfügbar.

Ist es möglich application.js verwenden Sie erb? Ich bin über dieses denken der falsche Weg ist?

InformationsquelleAutor Tom Lehman | 2009-04-07
  1. 6

    Fügen Sie die url ein Attribut auf das Formular oder ein Formularfeld, wenn Sie nichts dagegen haben-markup, das nicht passieren kann der validator, und Hole dann das Attribut mit jQuery.

    Sieht es aus wie Rails 3.0 könnte gehen diesen Weg mit der javascript-Helfer mit HTML5 benutzerdefinierte Daten-Attribute: DHH @ Railsconf 09

    InformationsquelleAutor Marc
  2. 2

    Ja, es ist möglich, auf die aktuelle rails-Versionen rufen Sie Ihren Datei application.js.erb; auf älteren Versionen können Sie entweder Rollen Sie Ihre eigenen oder greifen etwas wie diese.

    • Cool! Ist das die best practice hier? Verwenden Sie diese Methode? Es klingt gut zu mir, aber ich bin immer noch nervös, ich arbeite gegen den Strich.
    • AFAIK, es zu Schienen, weil so viele Leute waren, es zu tun auf eigene Faust. Es ist eine sehr Allgemeine Nutzungsmuster. Eine Einschränkung: dies ist für die Injektion semi-statische Dinge wie Routen, wenn die Inhalte nicht ändern werden, innerhalb einer Sitzung, senden Sie die javascript in einer ajax-wrapper statt.
    • Tatsächlich scheint dies nicht zu funktionieren-muss ich verschieben Sie die Datei aus /public/javascripts? Wenn ich nur die Datei umzubenennen, bekomme ich einen routing-Fehler bei meinem browser-Anforderungen 'application.js'.
    InformationsquelleAutor MarkusQ
  3. 2

    Nicht application.js.erb , das ist nicht eine gute Praxis, auch wenn caching beteiligt ist. Machen Sie AutoVervollständigen-Endpunkt (url, von der aus Sie die Daten) die gleiche wie die action-url. In Ihrem application.js fügen Sie einfach &ac=1 zu es und machen Sie Ihren Controller zu verstehen.

    InformationsquelleAutor skrat
  4. 1

    Müssen Sie nicht hartcodieren-erstellen Sie einfach eine einzelne JS-Funktion fügt hinzu, dass die AutoVervollständigen-listener, und die Parameter akzeptiert, für die "AutoVervollständigen" und rufen Sie die JS-Funktion aus dem template:

    (code aus Gründen der übersichtlichkeit vereinfacht)

    application.js:

    function add_autocomplete(id, url) {
   $("#" + id).autocomplete(
      source: url  
   );
};

    application_helper.rb:

    def add_autocomplete(id, url)
  render :text => "<script> add_autocomplete('#{id}', '#{url}');</script>"
end

    ERb template:

    <input id="i_want_autocomplete" />
<%= add_autocomplete("i_want_autocomplete", items_js_path() %>
    InformationsquelleAutor joshwa
Schreibe einen Kommentar