1

特定のモデルのすべてのレコードに基づいて入力するテーブルを作成しようとしています。

ここに index.html.erb ファイルがあります

    <%= div_for(@departments, :class => "test") do |department| %>
            <tr>
                <td class="indexc1">
                    <%= department.name %>
                </td>
                <td class="indexc2">
                    <%= department.location %>
                </td>
                <td class="indexc3">
                    <%= department.date_completed %>
                </td>
                <td class="indexc4">
                    <ul class="action">
                        <li><%= link_to 'Edit Info', edit_department_path(department), :class=>"tlink3" %></li>
                        <li><%= link_to 'Edit Tasks', department_path(department), :class=>"tlink3" %></li>
                        <li><%= link_to 'Destroy', department, method: :delete, data: { confirm: 'Are you sure?' }, :class=>"tlink3" %></li>
                    </ul>
                </td>
            </tr>
    <% end %>

これにより、テーブルの行が適切に作成されているように見えますが、期待どおりに div に配置されません。

部門ごとに 1 つのテーブル行を作成し、AJAX を使用してそれらを追加または削除できるようにしたいと考えています。

4

1 に答える 1

2

各行を div でラップする場合は、div クラスと id を tr タグ IE: (tr id="myid" class="class") に追加する必要があります。 tr。

これを生成するには、レールの content_tag_for を使用できます。

<% @departments.each do |department| %>
        <%= content_tag_for(:tr, department, :class => "test") do %>
            <td class="indexc1">
                <%= department.name %>
            </td>
            <td class="indexc2">
                <%= department.location %>
            </td>
            <td class="indexc3">
                <%= department.date_completed %>
            </td>
            <td class="indexc4">
                <ul class="action">
                    <li><%= link_to 'Edit Info', edit_department_path(department), :class=>"tlink3" %></li>
                    <li><%= link_to 'Edit Tasks', department_path(department), :class=>"tlink3" %></li>
                    <li><%= link_to 'Destroy', department, method: :delete, data: { confirm: 'Are you sure?' }, :class=>"tlink3" %></li>
                </ul>
            </td>
        <% end %>
<% end %>
于 2013-01-09T05:19:44.833 に答える