Question

我有一个要在Tabs中显示的rails项目列表，在rails中实现此目标的最佳方法是什么？下面是代码。

<ul class="nav nav-tabs">
<% State.all.each do |state| %>
<div class="btn-group btn-group" role="group">
<%= link_to state.status, tickets_path(state: state.status), :class => "panel-heading" %>
<div class="badge">
<%= state.tickets.count %>
</div>
</div>
<% end %>

基本上，它是大约8个类别的列表，一旦单击，就会根据该类别过滤列表。当前，它没有选项卡样式显示。我的目标是these bootstrap tabs。

状态是类别类别，状态是实际类别

Answer 1

您没有为标签建立正确的结构。

Bootstrap文档指定您应该创建一个如下所示的结构：

<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">Profile</a></li>
  <li role="presentation"><a href="#">Messages</a></li>
</ul>

您要创建的结构如下：

<ul class="nav nav-tabs">
  <div class="btn-group btn-group" role="group">
    <a href="[ticket path]" class="panel-heading">[state status]</a>
    <div class="badge">[ticket count]</div>
  </div>
  <!-- more for each state -->
</ul>

您真正想要的是这样的东西：

<ul class="nav nav-tabs">
  <% State.all.each do |state| %>
    <li role="presentation">
      <%= link_to tickets_path(state: state.status) do %>
        <%= state.status %>
        <span class="badge"><%= state.tickets.count %></span>
      <% end %>
    </li>
  <% end %>
</ul>

使用all.each时如何使用引导选项卡。 |功能在铁轨上？

1 个答案: