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。
如果你想要一个很好的答案,你能帮助我们澄清究竟是你想要发生什么吗? – Alex
我试过了。点击标题后,javascript被调用,命中用户控制器,导致用户现在处于不同的顺序。我不知道现在如何显示新用户。在ruby html中,render @users绘制表格。 – Brandon