0

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

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

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

                  <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>
...

谢谢您的帮助！

4

2 回答 2

0

你有两个选择：

  1. 当您的 mondal 启动时，使用 AJAX 填充表格
  2. Mondal 与 iframe

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

于 2013-01-29T00:49:15.860 回答
0

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

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

于 2013-01-29T04:17:48.787 回答