我想排序列而不重新加載頁面,我試圖使用Ajax,但它不工作。使用AJAX重新加載部分視圖不工作
welcome_controller.rb
def index
@keyword = params[:keyword]
@category = params[:category]
@search = HrCurriculumIntern.search(params[:search])
@hr_curriculum_interns = @search.all
respond_to do |format|
format.js
format.html
end
end
視圖/歡迎/ index.html.erb
<% title %>
<div class="container">
<ul class="tabs" data-tabs data-toggle="tab">
<li class="active"><a href="#main"><%= t('labels.main') %></a></li>
<li><a href="#interns"><%= t('labels.interns') %></a></li>
<li><a href="#analysts"><%= t('labels.analysts') %></a></li>
</ul>
<div class="tab-content">
<div id="main" class="active">
<%= render "search" %>
</div>
<div id="interns" >
<%#= render "hr_curriculum_interns/hr_curriculum_interns_filter" %>
<%= render "hr_curriculum_interns/table_hr_curriculum_interns" %>
</div>
<div id="analysts" >
<%= render "hr_curriculum_systems_analysts/table_hr_curriculum_systems_analysts" %>
</div>
在視圖/歡迎/ index.js.erb的
$("#table_hr_curriculum_interns").html("<%=escape_javascript(render("hr_curriculum_interns/table_hr_curriculum_interns")) %>");
vi EWS/hr_curriculum_interns/_table_hr_curriculum_interns.html.erb
<%= stylesheet_link_tag "bootstrap" %>
<%= javascript_include_tag "bootstrap-tabs" %>
<div class="container">
<%= new_button HrCurriculumIntern.new, [:new, :hr_curriculum_intern] %>
<table class="zebra-striped">
<thead>
<tr>
<th><%= sort_link @search, :date_interview, t('attributes.date_interview') %></th>
<th><%= sort_link @search, :name, t('attributes.name') %></th>
<th><%= sort_link @search, :college, t('columns.college') %></th>
<th><%= sort_link @search, :major, t('columns.major') %></th>
<th><%= sort_link @search, :answer_sent, t('columns.answer_sent') %></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<%# @hr_curriculum_interns = HrCurriculumIntern.all %>
<% @hr_curriculum_interns.each do |hr_curriculum_intern| %>
<tr>
<td><%= display_date(hr_curriculum_intern.date_interview) %></td>
<td><%= smart_truncate(hr_curriculum_intern.name) %></td>
<td><%= smart_truncate(hr_curriculum_intern.college) %></td>
<td><%= smart_truncate(hr_curriculum_intern.major) %></td>
<td><%= hr_curriculum_intern.answer_sent %></td>
<td><%= show_icon hr_curriculum_intern, hr_curriculum_intern, "data-default-action" => true %></td>
<td> <%= edit_icon hr_curriculum_intern, edit_hr_curriculum_intern_path(hr_curriculum_intern) %></td>
<td><%= link_to image_tag('icons/destroy.png'), hr_curriculum_intern, method: :delete, data: { confirm: t('messages.are_you_sure') } %></td>
</tr>
<% end %>
</tbody>
這不是workinks,當我在任何列名點擊,頁面重新加載。 有什麼問題?
在Chrome網絡(XHR)標籤頁中打開並查看服務器響應。你在那看到什麼? –
我從來沒有用過:PP,非常酷,它是:請求URL:http://0.0.0.0:3000 /?搜索[meta_sort] = date_interview.asc 請求方法:GET? –
分享'''sort_link'''幫手方法片段 –