0

我在我的 Rails 应用程序中使用 Bootstrap，特别是，我想在以下意义上扩展 Bootstrap 的可选项卡功能：

我网站的每个用户都可以有多个配置文件，即模型用户 has_many 配置文件，我想显示这些配置文件跨用户/显示页面中的选项卡。每个配置文件都有一个我想在选项卡本身上显示的名称属性。

我之前使用典型约定呈现这些配置文件：
在用户/显示页面上：

<%= render 'shared/prof %>

共享/_prof：

<% if @prof_items.any? %>
  <ol class="profiles">
    <%= render partial: 'shared/prof_item', collection: @prof_items %>
  </ol>
  <%= will_paginate @prof_items %>
<% end %>

共享/_prof_items

<li id="<%= prof_item.id %>">
...content...
</li>

用户控制器：

...
def show
  @user = User.find(params[:id])
  @profiles = @user.profiles.paginate(page: params[:page])
  @profile = @user.profiles.build
  @prof_items = @user.prof.paginate(page: params[:page])
  ...
end
...

所以基本上我希望输出的html是这样的：

<div class="tabbable" style="margin-bottom: 5px;">
 <ul class="nav nav-tabs" id="tabHeaders">
  <li class="active">
   <a href="#tab_<%=prof_item.id%>" data-toggle="tab">Name of first profile</a>
  </li>
  <li>
   <a href="#tab_<%=prof_item.id%>" data-toggle="tab">Name of second profile</a>
  </li>
  #and so on for each prof_item
 </ul>
<div class="tab-content" id="tabContent">
 <div class="tab-pane active id="<%=prof_item.id%>">
  #render first profile item
 </div>
 <div class="tab-pane" id="<%=prof_item.id%>">
  #render second profile item
 </div>
</div>

但是我不确定在 user/show.html.erb 中需要什么代码，在 shared/_prof_item.html.erb 中需要什么代码，在 shared/_prof.html.erb 中需要什么代码。

4

1 回答 1

1

您可以通过使用 rails 工具来呈现集合来简化代码：

<%= render partial: 'shared/prof_item', collection: @prof_items) %>
<%= render partial: 'shared/profile', collection: @profiles) %>

shared/_profile.html.erb: # 使用局部变量配置文件

     <div class="tab-pane active" id="<%=profile.id%>">
     #render first profile
     </div>

shared/_prof_item.html.erb # 使用局部变量 prof_item

    <li>
    <a href="#tab_<%=prof_item.id%>" data-toggle="tab">Name of second profile item</a>
    </li>
于 2012-04-24T04:06:50.127 回答