Koşullu olarak yakut denetleyicisinden CSS stili ayarlama

Question

Dinamik olarak başka bir tanımlı CSS sınıfı olan 'th.hilite' (eğer bir bağlantı) olan normal bir tablo üstbilgisini (tıklatılmışsa) değiştirmeye çalışıyorum. Bu bağlantı, bu sütunu basitçe sıralar ve kullanıcı listeyi her sıraladığında üstbilgi vurgulanmış olmalıdır.

söz konusu sınıf değiştirilmesi gerektiğini görünümü, şuna benzer:

%table#mytable 
    %thead 
    %tr 
     %th= link_to 'Title', mytable_path(:sort => 'title'), :id => 'title_header' 

sorum basitçe: nasıl ve ne dinamik sınıf ayarlayabilirsiniz ila% th.hilite başlığı ise tıklandığında?

Answer 1

bunun etrafında bir yol bulabilirse görüşleriniz mantığı (hatta şart) koymamaya özen gösterin. bu ortak hata kaçınmak için, kontrolörler

Sen Yakut, JavaScript bunu yapmak zorunda

# In your view 
%th{:class => @title_header}= link_to 'Title', my_path(:sort => 'title'), :id => 'title_header' 

# In your controller 
sort = params[:sort] || session[:sort] 
if sort == 'title' 
    ordering = {:order => :title} 
end 

Answer 2

Bunu yapmak için JavaScript kullanmalısınız. Saf JavaScript yerine jQuery kullanmanızın iyi bir fikir olduğunu düşünüyorum. İşte bazı örnekler

http://api.jquery.com/click/

http://api.jquery.com/css/

Answer 3

doğrudan görünümünden bağlayabilir şunlardır: Ayrıca içinde @sort örnek değişkeni beyan etmek zorunda kalacak, ancak

%th{:class => ("hilite" if @sort == "title")}= link_to 'Movie Title'...

senin denetleyicisi ve veya numaralınumaralı yayınlara ayarlayın, hangi sütuna göre sıralama yapıyorsunuz. (Yani @sort = params[:sort])

Answer 4

BTW sürece param maç sütun adının değerleri olarak - .. gerek her biri

def index 
    @by=params[:by] 
    @movies = Movie.order(params[:by]).all 
    end 

Answer 5

Javascript kodlamak için veya jquery gerekli değildir

aşağıdaki HAML çalışacak

%th{:class=>('title' == @sortby)?'hilite':""}= link_to 'Movie Title', movies_path(:sort => 'title'), :id => 'title_header'