Question

我在datatable应用中使用rails到用户index页面。我column页面中的第一个index是created_at。此data中的column看起来像Mon, 17-Oct-16。我想根据desc order中的日期格式对此列进行排序。我怎样才能做到这一点？这是我试过的。但它没有用。

<script type="text/javascript">
  $(document).ready(function() {
    var index = $('#reg_req_data_table').dataTable({
      "order": [[ 1, "desc" ]],
       'aoColumnDefs': [{
       'bSortable': false      
    }],
    "bLengthChange": false,
    "sDom": '<"top"pfl>rt<"bottom"i><"clear">'
      });
  });
</script>

Answer 1

这个答案将向您展示如何遵循Rails约定并处理ruby类中的排序，然后将其作为json返回到DataTables。此外，如果您正在处理超过数百条记录，强烈建议您使用服务器端处理，而不是客户端处理（此示例将显示服务器端）：

您的用户#index action应该是：

def index
  respond_to do |format|
    format.html
    format.json { render json: UsersDatatable.new(view_context) }
  end
end

您应该在名为datatables的app文件夹中创建一个子文件夹，然后将此.rb文件添加到其中：

#app/datatables/users_datatable.rb   Notice it's called users_datatable! Rails will infer the proper class lookup path because of this.
class UsersDatatable
  delegate :params, :h, :link_to, to: :@view

  def initialize(view)
    @view = view
  end

  def as_json(options = {})
    {
      sEcho: params[:sEcho].to_i,
      iTotalRecords: User.count,
      iTotalDisplayRecords: users.total_entries,
      aaData: data
    }
  end

private

  def data
    users.map do |user|
      [
        user.created_at.strftime("%d-%b-%y")
      ]
    end
  end

  def users
    @users ||= fetch_users
  end

  def fetch_users
    users = User.all.order("created_at DESC")
    users = users.page(page).per_page(per_page)
    if params[:search].present? && params[:search]["value"].present?
      users = users.where("email like :search", search: "#{params[:search]["value"]}%")
    users
  end

  def page
    params[:start].to_i/per_page + 1
  end

  def per_page
    params[:length].to_i > 0 ? params[:length].to_i : 10
  end

  def sort_column
    columns = %w[created_at ]
    columns[params[:order]["0"]["column"].to_i]
  end

  def sort_direction
    params[:order]["0"]["dir"] == "desc" ? "desc" : "asc"
  end
end

现在，相应的用户视图index.html.erb应为：

<div class='table-responsive'>
  <table id='reg_req_data_table' data-source="<%= users_path(params.merge!(format: :json).deep_symbolize_keys)%>">
  <thead>
    <tr>
       <th>Created On:</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
</div>

<script type="text/javascript">
  $(document).ready(function() {
    $('#reg_req_data_table').DataTable({
       "serverSide": true,
       "ajax": {url: '<%= users_path(params.merge!(format: :json).deep_symbolize_keys)%>', type: "POST"},
       "processing": true
    }),
  });
</script>

注意表body标签中没有任何内容。 Serverside处理集数据表通过json接受该信息，这是我们在UsersDatatable类中发送的内容。

如何配置数据表，以便它将根据created_date命令（desc）记录？

1 个答案: