Fügen Sie ein 'active' - Klasse, alle aktiven links in Schienen?

Grundsätzlich habe ich eine Menge code, der wie folgt aussieht:

link_to t('.profile'), business_path(@business), class: '#{'active' if current_page? business_path(@business)}'

das ist nicht sehr TROCKEN.

Ich Frage mich, ob jemand weiß, eine gute Möglichkeit zum ändern des link_to-helper selbst, um automatisch fügen Sie ein 'active' - Klasse für alle links zu der aktuellen Seite.

Falls es hilft, ich bin offen mit HAML oder SCHLANK.

InformationsquelleAutor Dylan Karr | 2013-09-05

  1. 7

    Dies ist ein gutes Beispiel für das schreiben Ihrer eigenen Helfer, die umschließt die link_to. In Ihrem application_helper.rb schreiben Sie eine Methode active_link_to nimmt die gleichen Parameter wie link_to + current_page, und dann nur Anrufe link_to wie Sie tun, über.

    InformationsquelleAutor steakchaser

  2. 13

    Schrieb ich einfache Helfer-Methode mit bauen im view Helfer current_page? wenn Sie können benutzerdefinierte class Namen in html_options hash.

    def active_link_to(name = nil, options = nil, html_options = nil, &block)
  active_class = html_options[:active] || "active"
  html_options.delete(:active)
  html_options[:class] = "#{html_options[:class]} #{active_class}" if current_page?(options)
  link_to(name, options, html_options, &block)
end

    Beispiele (wenn Sie auf root_path route):

    <%= active_link_to "Main", root_path %>
# <a href="/" class="active">Main</a>

<%= active_link_to "Main", root_path, class: "bordered" %>
# <a href="/" class="bordered active">Main</a>

<%= active_link_to "Main", root_path, class: "bordered", active: "disabled" %>
# <a href="/" class="bordered disabled">Main</a>
    Diese Pausen, wenn Sie tatsächlich an einen block, um Ihre active_link_to durch wie rails' link_to funktioniert.
    das ist wirklich smart. danke.

    InformationsquelleAutor cintrzyk

  3. 12

    Es ist ein problem gelöst, verwenden Sie einfach active_link_to gem. Dein Beispiel vereinfacht:

    = active_link_to t('.profile'), business_path(@business)
    active_link_to ist genial. Sie ermöglicht es, wrap-links (z.B. mit li) und geben Sie die anderen passenden Bedingungen, wie z.B. mit regex. Danke!

    InformationsquelleAutor Grocery

  4. 3

    Stand ich vor derselben Voraussetzung, und hier ist meine Lösung.

    Erstellen Sie eine Methode in ApplicationHelper

    def active_class(link_path)
    current_page?(link_path) ? "active" : ""
end

    Und in Ihrem Blick:

        <li class="<%= active_class('/') %>">
      <%= link_to 'HOME', root_path %>
    </li>
    Dies ist die sauberste, einfachste und unkomplizierteste Lösung, um OPs zu beantworten. Keine Notwendigkeit, fügen Sie ein Juwel für eine Anwendung Helfer, meiner Meinung nach.

    InformationsquelleAutor egyamado

  5. 1

    Hier die Helfer, die ich verwende. Ich füge eine optionale "match_text" parameter für zusätzliche Flexibilität (zum Beispiel, wenn ich wollen, markieren Sie einen link als aktiv, wenn Sie den tatsächlichen Pfad der Anforderung ist eine untergeordnete Seite von das Ziel der Verknüpfung.)

    def link_to_active(text, destination, options = {})
  match_text = options.delete(:match_text)

  classes = options[:class].present? ? options[:class].split(" ") : []
  classes << "active" if request.fullpath.downcase == destination.downcase || (match_text && request.fullpath.downcase.include?(match_text.downcase))

  options = options.except(:class)
  options.merge!(:class => classes.join(" ")) unless classes.empty?

  link_to(text, destination, options)
end

    InformationsquelleAutor Damon

  6. -1

    Verwenden link_to_unless_current und dann ihm das Aussehen eines aktiven link in CSS.

    InformationsquelleAutor Damien

Schreibe einen Kommentar