0

ブートストラップモーダルを使用しています。現在、モーダルにリストされているテーブルは、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>
...

助けてくれてありがとう！

4

2 に答える 2

0

Ajax を使用し (リンクを remote => true で link_to に設定)、パーシャルをレンダリングします。次に、タブ ペインの innerHTML を Ajax 経由で返された部分的なコンテンツに設定します。もちろん、コントローラーにロジックを追加して、各タブのデータのみを解析する必要があります。

以下を読むと役立つかもしれません:
http://guides.rubyonrails.org/ajax_on_rails.html

于 2013-01-29T04:17:48.787 に答える
0

次の 2 つの選択肢があります。

  1. Mondal の起動時に、AJAX を使用してテーブルにデータを入力する
  2. iframe を使用した Mondal

単に情報を表示するだけなら、iframe は手っ取り早いソリューションです。

于 2013-01-29T00:49:15.860 に答える