2016-10-17 17 views
1

我正在使用datatable在我的rails应用程序到用户index页面。我的第一个columnindex页面是created_at。此column中的data看起来像Mon, 17-Oct-16。我想让这个列按descorder这个日期格式排序。我怎样才能做到这一点? 这是我试过的。但它没有奏效。如何配置datatable,以便它将基于created_date命令(desc)记录?

<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> 
+0

我会使用Bates的railscast,并按照他的方法创建一个单独的类来处理逻辑。它遵循Rails约定,并允许您处理大部分ruby操作,如排序。 – bkunzi01

+0

如果你想要一个完整的写作,我会告诉你如何做到这一点“铁轨”的方式。只要让我知道,如果你还没有解决它。 – bkunzi01

+0

没有解决。请用铁轨方式帮助我 – John

回答

0

这个答案将告诉你如何遵循Rails的约定和处理祭出背出为JSON到数据表之前的红宝石类排序。另外,如果您处理的记录超过数百条,强烈建议您使用服务器端处理,而不是客户端处理(此示例将显示服务器端),处理速度要快得多:

您的用户#索引动作应该是:

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

你应该在你的应用程序文件夹中创建子文件夹命名的数据表,然后添加此.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> 

请注意,表格标签中没有任何内容。服务器处理设置数据表通过json接受这些信息,这是我们在UsersDatatable类中发送的信息。

相关问题