2012-12-04 6 views
5

私はCodeigniterを新しく学び、私が学んだベストプラクティスに従うことを目指しています。現在、私はリンクが、私が欲しいのブートストラップモーダルを呼び出し、DBCodeigniter - Bootstrapモーダル - データを渡します

HTMLの表

<tr> 
    <td> 
     <a class="galName" href="#myModal" data-toggle="modal" > 
     <?php echo $gal['name']; ?> 
     </a> 
    </td> 
    <td> 
     <?php echo $gal['clientName']; ?> 
    </td> 
</tr> 
<?php endforeach; ?> 

ザ・モーダル

<div class="modal fade hide modal-creator" id="myModal" style="display: none;" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">×</button> 
     <h3>Edit Gallery</h3> 
    </div> 
    <div class="modal-body"><?php echo form_open('url'); ?> 

    <div class="row"> 
     <div class="span5"> 
      <?php print_r($galleryName); ?> 
      <div class="control-group"> 
       <?php 
        $galleryName = array(
         'id'   => 'galleryName', 
         'name'   => 'galleryName', 
         'placeholder' => 'Gallery Name', 
         'required'  => 'required', 
        ); 
        echo form_label('Gallery Name:', 'galleryName'); 
        echo form_input($galleryName); 
       ?> 
      </div><!-- /control-group --> 
     </div><!--/span5--> 
    </div><!--/row--> 
</div><!-- /modal-body --> 

<div class="modal-footer"> 
    <!-- <p class="span3 resize">The following images are sized incorrectly. Click to edit</p> --> 
    <a href="javascript:;" class="btn" data-dismiss="modal">Close</a> 
    <a href="javascript:;" class="btn btn-primary">Next</a> 
</div> 

を介して生成されたテーブルを持っています選択したギャラリーのデータを渡します。私はjQueryを介してデータを渡すことができることを知っていますが、MVCフレームワークでこのモーダルを維持することは可能ですか?はいの場合、モーダルリンク経由でコントローラを呼び出す方法はありますか?

ご協力ありがとうございます。CodeIgniterのリソースに関するご意見をお待ちしております。私は現在、Nettutsのビデオに取り組んでいます。日付は付けられていますが、ユーザーガイドもあります。

+0

私は一般にビューファイルにモーダルを入れます。その後、ポップアップ(または何でも)をするたびに、イベントを使用してajaxリクエストでモーダルフォームにデータをロードできます。 – Rooster

+0

あなたはモーダルの['remote'オプション](http://twitter.github.com/bootstrap/javascript.html#modals)を見てみるべきですが、すべてのことを考慮すると、JS/jQueryを呼び出す必要がありますAjaxを介したフレームワーク「MVCフレームワークでモーダルを維持する」とはどういう意味ですか? – Sherbrow

+0

@Sherbrow - コントローラで管理されているモーダルを持っていただけで、私のモデルにアクセスできるようになりました.Ajaxのように見えます。 – Bungdaddy

答えて

4

私は本当にあなたがされ、どのようなコントローラあなたはAJAX呼び出しなしでこれを行うことはできません、何であるかモーダル誤解されていると思う:how does one go about calling the controller via the modal link

私は通常行うことはそこにすべての私のブートストラップをつけ、その後view/modals/フォルダを作成することです例えばので、モーダル:あなたの中、示されているよう

application/views/modals/my_modal_form.php 

とその意志が見えます:

<div class="modal fade hide modal-creator" id="myModal" style="display: none;" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">×</button> 
     <h3>Edit Gallery</h3> 
    </div> 
    <div class="modal-body"><?php echo form_open('url'); ?> 

    <div class="row"> 
     <div class="span5"> 
      <?php print_r($galleryName); ?> 
      <div class="control-group"> 
       <?php 
        $galleryName = array(
         'id'   => 'galleryName', 
         'name'   => 'galleryName', 
         'placeholder' => 'Gallery Name', 
         'required'  => 'required', 
        ); 
        echo form_label('Gallery Name:', 'galleryName'); 
        echo form_input($galleryName); 
       ?> 
      </div><!-- /control-group --> 
     </div><!--/span5--> 
    </div><!--/row--> 
</div><!-- /modal-body --> 

<div class="modal-footer"> 
    <!-- <p class="span3 resize">The following images are sized incorrectly. Click to edit</p> --> 
    <a href="javascript:;" class="btn" data-dismiss="modal">Close</a> 
    <a href="javascript:;" class="btn btn-primary">Next</a> 
</div> 

ので、私は目を必要とするとき私はちょうど私が単にやっているモーダルを表示するメインコントローラビュー内でそれを読み込む単一モーダルで:

<body> 
    <?php echo $this->load->view('modals/my_modal_form'); ?> 

    <tr> 
    <td> 
     <a class="galName" href="#myModal" data-toggle="modal" > 
     <?php echo $gal['name']; ?> 
     </a> 
    </td> 
    <td> 
     <?php echo $gal['clientName']; ?> 
    </td> 
</tr> 
<?php endforeach; ?> 
    </body> 
0

Ajaxが移動するための方法である、私は彼らように、すべての私のモーダルをロードウィッヒでテンプレートライブラリを作りましたアプリケーションのどこからでもjavscriptで呼び出すことができます。次に、フォームを送信するためにajaxを使用します。

関連する問題