show.html.erb
我在文件中有一个导航菜单,其中包含 2 个选项卡/链接UsersController.rb
,我想使用 ajax 为选项卡呈现不同的部分。
在show.html.erb
我有一个名为profile-data
我想显示内容的 div 中。所以我做这样的事情:
链接结构:
<li><%= link_to "College friends", college_friends_path, :remote => true %></li>
<li><%= link_to "Highschool friends", highschool_friends_path, :remote => true %></li>
我定义了路线:
match "college_friends" => "users#college_friends", :as => "college_friends"
match "highschool_friends" => "users#highschool_friends, :as => "highschool_friends"
我在我的 UserController.rb 中定义了必要的方法:
class UsersController < ApplicationController
def show
@user = User.find(params[:id])
end
def college_friends
respond_to do |format|
format.js
end
end
def highschool_friends
respond_to do |format|
format.js
end
end
end
最后一件事是我们有 JS 文件:
*college_friends.js.erb*
$('#profile-data').html("<%= escape_javascript(render(:partial => 'college_friends')) %>");
*highschool_friends.js.erb*
$('#profile-data').html("<%= escape_javascript(render(:partial => 'highschool_friends')) %>");
部分代码:_college_friends.html.erb
<% groups = @user.friends.group_by(&:college_name) %>
<% sorted_groups = groups.sort_by{|key, values| values.count}.reverse %>
<% sorted_groups.each do |collegename, friends| %>
<% next if collegename.blank? %>
<div class="contentbox">
<div class="box-header">
<h3><%= collegename %></h3>
<div class="meta-info">
<p><i class="icon-map-marker"></i> Malmö</p>
<p><i class="icon-user"></i><span class="count"> <%= friends.count %></span> vänner</p>
</div>
</div>
<ul class="friends-list">
<% friends.map do |friend| %>
<li><%= image_tag(friend.image) %>
<% end %>
</ul>
</div>
<% end %>
所以我解决了这个问题,但检查源进出。我注意到 js 文件没有加载到应用程序中。
所以我改变了这个:
<%= javascript_include_tag :defaults %>
对此:
<%= javascript_include_tag "application" %>
它加载了所有必要的 js 文件。
但后来我得到这个错误:
ActionView::Template::Error (undefined method `friends' for nil:NilClass):