2013-06-28 159 views
0

我正在尝试使用javascript/ajax重新排序表。我的JavaScript工作Rails AJAX和刷新页面

的JavaScript

var ajax_header = function(e) { 
     alert('order_by') 
     var header = $(this).attr('id') 
     $.post('/users', {sort_by: header, order_by: order_by}); 
     if (order_by === "ASC") 
      order_by = "DESC" 
     else 
      order_by = "ASC" 
    } 
    $('.ajax-header').dblclick(ajax_header) 

这需要的JavaScript全球的顺序从ASC更改为降序,然后再返回并撞击用户控制器的索引行为的职务。这会导致@users被重新排序。我有的问题是我不知道如何使表重绘。我可以使用rails来做到这一点,但我想用rails更好地学习AJAX,并且我发现这些文档写得不是很好。

用户控制器

def index 
if !params[:sort_by].nil? && !params[:order_by].nil? 
    @users = User.order("#{params[:sort_by]} #{params[:order_by]}").paginate(page: params[:page]) 
    respond_to do |format| 
    format.js {} 
    end 
else 
    @users = User.paginate(page: params[:page]) 
end 

被吸入

<% provide(:title, 'All users') %> 
<% if signed_in? && !current_user?(@user) %> 
    <h1>All users</h1> 

    <%= will_paginate %> 
    <table id="user_table" border="1"> 
     <tr> 
      <th>Avitar 
      <th id="name"class="ajax-header">Name 
      <th id="email" class="ajax-header">Email 
      <th id="accepted" class="ajax-header">Accepted 
      <th id="admin" class="ajax-header">Admin 
      <th>Delete 
     </tr> 
      <ul class="users"> 
       <%= render @users%> 
      </ul> 
    </table> 
    <%= will_paginate %> 
<% else %> 
    Only an admin can view this page. 
<% end %> 

上述这种观点是什么是绘制的图。 <%= render @ users%>调用partial并绘制表格的其余部分。

正如我所说看着日志我正确地击中用户控制器,但我只是不知道如何强制渲染重绘。我可以在rails中做到这一点,但我想练习我的js。

+0

如果你想要一个很好的答案,你能帮助我们澄清究竟是你想要发生什么吗? – Alex

+0

我试过了。点击标题后,javascript被调用,命中用户控制器,导致用户现在处于不同的顺序。我不知道现在如何显示新用户。在ruby html中,render @users绘制表格。 – Brandon

回答

0

好吧,我发现使用JavaScript并不是最好的答案。相反,如果将DESC设置为ASC并且ASC设置为DESC,则将row_tos替换为列标题,并检查params [:order_by]是否为零。