显示 Bootstrap 模式时 Rails 加载数据答案

【问题标题】：Rails load data when Bootstrap modal gets displayed显示 Bootstrap 模式时 Rails 加载数据
【发布时间】：2013-01-29 00:21:24
【问题描述】：

我正在使用 Bootstrap 模式。现在，模式中列出的表格会在整个 html 页面加载时加载。我想在模式启动时加载表格的数据。

模态启动时如何加载模态中的数据？

这是我的模式的第一部分 - 它包含几个引导选项卡。

                  <div class="modal-body">
                  <div class="tabbable">
                    <ul class="nav-tabs">
                      <li class="active"><a href="#tab1_<%= workorder.id %>" data-toggle="tab">Details</a></li>
                      <li><a href="#tab2_<%= workorder.id %>" data-toggle="tab">Materials</a></li>
                      <li><a href="#tab3_<%= workorder.id %>" data-toggle="tab">Labor</a></li>
                      <li><a href="#tab4_<%= workorder.id %>" data-toggle="tab">Tasks</a></li>
                    </ul>
                    <div class="tab-content">
                      <div class="tab-pane active" id="tab1_<%= workorder.id %>">
                        <table border="1" cellpadding="5">
                          <tr>
                            <th>Description</th>
                            <td><%= workorder.description %></td>
                          </tr>
                          <tr>
                            <th>Client</th>
                            <td><%= workorder.client.client_name %></td>
                          </tr>
                          <tr>
                            <th>Type</th>
                            <td><%= workorder.type.typecode %></td>
                          </tr>
                          <tr>
                            <th>Priority</th>
                            <td><%= workorder.wopriority.prioritycode %></td>
                          </tr>
                          <tr>
                            <th>Scheduled Finish</th>
                            <% if workorder.scheduled_finish != nil %>
                                <td>Scheduled Finish = <%= workorder.scheduled_finish %></td>
                                <% else %>
                                 <td></td>
                            <% end %>
                          </tr>
                        </table>
                      </div>
...

感谢您的帮助！

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap

【解决方案1】：

使用 Ajax（使用 remote => true 将链接设置为 link_to）并呈现部分内容。然后将 tab-pane 的 innerHTML 设置为通过 Ajax 返回的部分内容。当然，您需要在控制器中添加逻辑以仅解析每个选项卡的数据。

可能有助于阅读：
http://guides.rubyonrails.org/ajax_on_rails.html

【讨论】：

【解决方案2】：

你有两个选择：

在您的 mondal 启动时使用 AJAX 填充表格
带有 iframe 的 Mondal

如果您只是简单地显示信息，那么 iframe 是一种快速而肮脏的解决方案。

【讨论】：