2

我在我的 ruby​​ on rails 应用程序中使用 DataTables。它也适用于表格工具。但我想在数据表中的每行添加复选框以执行批处理操作。我搜索了官方网站中的所有示例，但找不到复选框。

我想在我的数据表中执行批量删除操作。

谁能建议我在我的数据表中添加复选框？

4

2 回答 2

7

我不确定dataTables它是否提供直接删除机制。但这就是我在普通轨道上所做的。让我们以产品为例。在您的视图文件中有类似的内容：

<%= form_for('Product', :as => 'products', :url => delete_selected_products_path) do |f| %>
  <%= f.button :submit, 'Delete Selected', :class => 'btn-danger product' %>

  <div class="clear">&nbsp;</div>

  <table>
    <thead>
      <tr>
        <th class="select-row"></th
        <th>Product Name</th>
        <th>Description</th>
        <th>Price</th>
        <th class="actions"></th>
      </tr>
    </thead>

    <tbody>
      <% @products.each do |product| %>
        <tr>
          <td class="first-column"><%= check_box_tag 'ids[]', product.id, false, :class => 'table-row-checkbox' %></td>
          <td><%= product.name %></td>
          <td><%= product.description %></td>
          <td><%= product.price %></td>
          <td><%= link_to "View & Edit", product_path(product) %></td>
        </tr>
      <% end %>
    </tbody>
  </table>
<% end %>

并在您的ProductsController中将 delete_selected 操作定义为

def delete_selected
  params[:ids].each do |id|
    product = Product.find(id)
    product.destroy
  end unless params[:ids].blank?
  redirect_to products_path, :notice => 'Selected products are deleted successfully!'
end

并在您routes.rb添加 delete_selected 作为产品资源的集合：

resources :products do
  post :delete_selected, :on => :collection
end

如果需要，您可以使用 AJAX。:)

于 2013-02-07T06:42:19.663 回答
1

Datatables.net 提供了两种删除方式。

1) [tableObject].fnDeleteRow([rowToDelete]) - 一次删除一行

2) [tableObject].fnClearTable() - 清除整个表格

如果您使用的是 AJAX 源代码，那么您将使用：

var oTable = ("#MyTable").datatables({
    "aoColumnDefs" : [
        {
            "fnRender" : function(oObj, sVal){
                //oObj.aData[columnIndex] will get the value for the column
                //sVal is the value of the column being updated
                return sVal + "<input type='check'>";
            }, 
        "aTargets" : [ColumnIndexToTarget]}
     ]});

function OnDeleteButtonClick(){
    $.each(oTable.$("tr").filter("input:checked"), function(index, data){
        oTable.fnDeleteRow(data);
    });
}
于 2013-02-07T18:20:36.393 回答