2

次のようなテーブルがあるとしましょう。ここに画像の説明を入力

タイプに応じてテーブルの行のスタイルを設定したい{id1: 'Anamnse', id2: 'Befund', id3: 'Therapie'}。手動で、ブートストラップ クラスを追加するだけです ここに画像の説明を入力

私の質問は、どうすればこれをルビーで自動的に達成できますか? テーブルの私のコードは次のとおりです。

 <table id="report" class="table table-striped ">
   <tr>
     <th>Typ</th>
     <th>Beschreibung</th>
     <th>Datum</th>
     <th>     </th>
   </tr>
 <% @patient.treatments.each do |treatment| %>
   <tr>
     <td><%= treatment.category.try(:typ) %></td>
     <td><%= treatment.content %></td>
     <td><%= treatment.day %></td>
     <td><div class="arrow"></div></td>
   </tr>
   <tr>
     <td colspan="5">
       <%=    link_to 'Löschen', [treatment.patient, treatment],
                                  :confirm => 'Sind sie sicher?',
                                  :method => :delete %> 
       <% treatment.paintings.each do |paint| %>                          
         <%= image_tag paint.name.url(:thumb) %>
       <% end %>
     </td>
   </tr>
 <% end %>
 </table>

結論: スタイリングは、の値に依存する必要があります。

<td><%= treatment.category.try(:typ) %></td>
4

4 に答える 4

2

「CSS を動的に変更」しようとしないでください。それは、CSS が機能することを意図した方法ではありません。代わりに、条件付きで要素にクラスを追加し、そのクラスを対象とする新しい CSS を記述します。

このようなもの:

<tr class="<%= treatment.category.try(:typ) %>">
于 2013-06-19T15:11:03.040 に答える
1
<tr class="<%= treatment.category.try(:typ) %>">

trこれは、値に等しいクラスに追加されtypます。

于 2013-06-19T15:11:19.813 に答える