如何创建一个按钮来按某些属性对表格进行排序？我正在使用 Ruby on Rails

Question

我为项目的待办事项列表应用创建了此表。我想创建将按表、客户端、已完成和未完成的排序表的按钮。我不知道该怎么做。..

这是表格的代码：

<table>
  <thead>
    <tr id="headers">
      <th>Title</th>
      <th>Client</th>
      <th>Description</th>
      <th>Hours</th>
      <th>Done</th>
      <th colspan="3"></th>
    </tr>
  </thead>


  <tbody class="col-md-2" id="listItems">
    <% @projects.each do |project| %>
      <tr id="table">
        <td><%= project.title %></td>
        <td><%= project.client %></td>
        <td><%= project.description %></td>
        <td><%= project.hours %></td>
        <td><%= project.done %></td>

        <td><%= link_to " #{image_tag('show.png')}".html_safe, project, id:'showButton' %></td>


        <td><%= link_to " #{image_tag('edit.png')}".html_safe, edit_project_path(project),     id:'editButton' %></td>

        <td><%= link_to " #{image_tag('destroy.png')}".html_safe, project, id:'destroyButton', method: :delete, data: { confirm: 'Are you sure?' } %></td>

      </tr>
    <% end %>
  </tbody>
</table>

Answer 1

有一个很棒的 RailsCast 解释了如何做到这一点：#228 Sortable Table Columns

但是，由于简单地链接到解决方案的答案是不受欢迎的，以下是您将如何在您的案例中实现它（代码大量借用 RailsCast 情节）：

首先，创建一个辅助方法。它应该有两个参数。第一个参数是列名，第二个是列标题文本，如果这与列名不同的话。第二个参数是可选的。

/app/helpers/application_helper.rb
module ApplicationHelper
  def sortable(column, title = nil)
    title ||= column.titleize
    direction = (column == sort_column && sort_direction == "asc") ? "desc" : "asc"
    link_to title, :sort => column, :direction => direction
  end
end

像这样改变你的 index.html.erb：

/app/controllers/projects_controller.rb
<tr id="headers">
  <th>Title</th>
  <th><%= sortable "client" %></th>
  <th>Description</th>
  <th>Hours</th>
  <th>Done</th>
  <th colspan="3"></th>
</tr>

这里，我只是在客户端列上实现它。

在项目控制器的索引操作中，您可以：

helper_method :sort_column, :sort_direction
def index
  @projects = Project.order(sort_column + ' ' + sort_direction)
end

private
def sort_column
  Project.column_names.include?(params[:sort]) ? params[:sort] : "client"
end

def sort_direction
  %w[asc desc].include?(params[:direction]) ?  params[:direction] : "asc"
end

helper_method 的使用使得 ApplicationHelper 可以使用两个 sort_ 方法，以便它们可以在可排序帮助器中使用。

这两个sort_ 方法可防止 SQL 注入并用于设置合理的默认值。

就是这样。您的客户列现在可以排序了。