2012-12-04 117 views
5

我非常新的笨並把遵循最佳做法,因爲我學習。目前,我有一個通過數據庫生成表笨 - 引導模態 - 傳遞數據

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提交