Erstellen einer Tabellenzeile in einen Link in Rails

Question

Ich versuche, eine Zeile in einem Tabellenlink zur Bearbeitungsseite zu machen. Ich weiß, dass die Links erstellt werden, weil ich sie ausdrucken kann. Ich bin nah dran, vermisse aber etwas Wichtiges. Was ändere ich, damit der Link ordnungsgemäß funktioniert?

<h1>Scouts</h1> 
<p><%= button_to "Add a new Scout", new_scout_path, :method => :get %></p> 
<div class="message-board"> 
    <table> 
    <tr> 
     <th>Name</th> 
     <th>Rank</th> 
     <th>Advancement Date</th> 
     <th>Age</th> 
    </tr> 

<% @scouts.each do |scout| %> 
    <tr <% link_to edit_scout_path(scout) %> > 
     <td><%= scout.name %></td> 
     <td><%= scout.rank %></td> 
     <td><%= scout.advancement %></td> 
     <td><%= scout.age %></td> 
    </tr> 
<% end %> 
    </table> 
</div> 

Answer 1

Wie Robin sagte, das ist ungültige HTML. Das solltest du wahrscheinlich nicht tun.

Ich persönlich würde eine onclick Ereignis auf die tr mit jQuery setzen. Das tr Element würde wie folgt aussehen:

<tr data-link="<%= edit_scout_path(scout) %>"> 
    ... 
</tr> 

Und dann das zugehörige JavaScript (in einer Datei wie app/assets/javascripts/scouts.js platziert) so etwas wie dies würde:

$("tr[data-link]").click(function() { 
    window.location = $(this).data("link") 
}) 

Dies würde alle tr Elemente machen, die haben Ein data-link Attribut verhält sich so, als wären es URLs auf die unaufdringlichste Art und Weise, die ich für möglich halte.

Answer 2

Sie könnten die Verwendung der Antwort hier Problem using elem.dataset with IE and JSFiddle in Erwägung ziehen, da this.dataset.link in IE9 nicht funktioniert.

Answer 3

Ich bin neu auf Schienen, und ich habe das gleiche Problem und die Beratung Ryan verwenden mit einigen Änderungen, die folgen -

$("tr").click(function() { window.location = $(this).data("link") })

Sie haben $ (this) zu verwenden.