jquery-datatables-rails不排序

萨拉戈萨

我在设置数据表的默认排序时遇到问题

创业板

gem 'jquery-datatables-rails'
gem 'will_paginate'

控制器

  def index
    respond_to do |format|
      format.html
      format.csv { send_data clients.to_csv }
      format.xls
      format.json {
        render json: ClientsDatatable.new(view_context)
       }
    end
  end

数据表

class ClientsDatatable
  include Rails.application.routes.url_helpers
  delegate :params, :h, :link_to, :mail_to, :number_to_phone, to: :@view

  def initialize(view)
    @view = view
  end

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

  private

  def data
    clients.map do |client|
      [
        client.id.to_s + " " +
        link_to('+ Equipment', new_users_equipment_path(:client_id => client), class: 'btn btn-default') +
        link_to('+ Notes', users_add_notes_path(client), class: 'btn btn-default') +
        link_to('+ Quote', new_users_client_document_path(client), class: 'btn btn-default'),
        client.full_name.titleize,
        client.company_name.titleize,
        client.state,
        mail_to(client.email),
        client.years_in_business,
        number_to_phone(client.cell),
        number_to_phone(client.work_phone),
        client.equipment_desired,
        client.currently_using,
        client.created_by_user.name,
        client.created_at.in_time_zone('Eastern Time (US & Canada)').strftime('%D %r'),
        link_to('Edit', edit_users_client_path(client), class: 'btn btn-info') +
        link_to('Show', users_client_path(client), class: 'btn btn-success'),
      ]
    end
  end

  def clients
    @clients ||= fetch_clients
  end

  def fetch_clients
    if params[:has_filterd] == 'true'
      clients = User.find(params[:current_user]).created_clients.order("#{sort_column} #{sort_direction}")
    else
      clients = Client.order("#{sort_column} #{sort_direction}")
    end
    clients = clients.page(page).per_page(per_page)
    if params[:sSearch].present?
        clients = clients.where("
                                  lower(first_name)         like :search or
                                  lower(last_name)          like :search or
                                  lower(company_name)       like :search or
                                  lower(state)              like :search or
                                  lower(email)              like :search or
                                  lower(cell)               like :search or
                                  lower(work_phone)         like :search or
                                  lower(equipment_desired)  like :search",
                                  search: "%#{params[:sSearch].downcase}%"
                                )

    end
    clients
  end

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

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

  def sort_column
    columns = %w[id]
    columns[params[:iSortCol_0].to_i]
  end

  def sort_direction
    params[:sSortDir_0] == "asc" ? "asc" : "desc"
  end
end

观看次数

%table#datatable.display{"data-source" => users_clients_url(format: "json", has_filterd: current_user.has_filterd, current_user: current_user, sSortDir_0: 'desc')}
  %thead
    %tr
      %th
      %th= t(:name)
      %th= t(:company_name)
      %th= t(:state)
      %th= t(:email)
      %th= t(:years_in_business)
      %th= t(:cell)
      %th= t(:work_phone)
      %th= t(:equipment)
      %th= t(:currently_using)
      %th= t(:created_by)
      %th= t(:created_at)
      %th
  %tbody

:javascript
  $(document).ready(function(){
      console.log('moo')
    $('#datatable').DataTable({
      bServerSide: true,
      sPaginationType: "full_numbers",
      sAjaxSource: $('#datatable').data("source"),
      bSortable: false,
    });
  });
萨拉戈萨

在数据表文件上更新sort_column以包括要排序的列

  def sort_column
    columns = %w[id first_name company_name state email years_in_business cell work_phone equipment_desired currently_using created_by created_at id]
    columns[params[:iSortCol_0].to_i]
  end

如果您只有ID,则它是唯一排序的ID

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery datatables将列设置为不排序

来自分类Dev

找不到文件“ dataTables / jquery.dataTables” Rails 4

来自分类Dev

JQuery DataTables默认排序不起作用

来自分类Dev

jQuery DataTables插件:对德语日期进行排序

来自分类Dev

删除jQuery DataTables中的排序箭头

来自分类Dev

jQuery dataTables-左对齐排序图标

来自分类Dev

jQuery Datatables列的呈现和排序

来自分类Dev

使列在dataTables jQuery插件中无法排序

来自分类Dev

jQuery DataTables按行中的集排序

来自分类Dev

jquery-datatables多列排序方向

来自分类Dev

jQuery datatables内置排序不起作用

来自分类Dev

jQuery DataTables插件:对德语日期进行排序

来自分类Dev

jquery-datatables-rails排序箭头未显示在开发环境中

来自分类Dev

jQuery DataTables按n列的复选框排序

来自分类Dev

在jquery datatables v 1.10中禁用排序类

来自分类Dev

jQuery DataTables如何在单击表头时禁用排序?

来自分类Dev

使用jQuery DataTables的自定义排序持续时间

来自分类Dev

yadcf插件和jQuery Datatables过滤器排序

来自分类Dev

jQuery DataTables按n列的复选框排序

来自分类Dev

使用jQuery DataTables的自定义排序持续时间

来自分类Dev

jQuery DataTables-单击列时排序不起作用

来自分类Dev

jQuery DataTables-按隐藏列排序日期

来自分类Dev

如何在jQuery DataTables中对文件大小进行排序

来自分类Dev

jQuery Datatables降序排序不适用于“ order”选项

来自分类Dev

jQuery DataTables-不区分重音的字母和搜索

来自分类Dev

jquery-datatables-rails。响应式扩展和移动视图

来自分类Dev

jquery-datatables-rails gem不适用于表

来自分类Dev

jQuery Datatables分页设置

来自分类Dev

jQuery DataTables 'OR' Search/ Filter

Related 相关文章

热门标签

归档