2012-12-04 2 views
5

저는 Codeigniter를 처음 사용하고 배우면서 모범 사례를 따르고 자합니다. 현재 내가 링크 내가 원하는 부트 스트랩 모달를 호출하여 DB를 통해Codeigniter - 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 비디오를 통해 작업 중이며, 날짜가 명시되어 있지만 사용자 가이드를 통해 작업하고 있습니다. how does one go about calling the controller via the modal link

내가 일반적으로 할 것은이 다음 view/modals/ 폴더를 만들 내 모든 부트 스트랩이 넣어 :

+0

일반적으로보기 파일에 모달을 넣습니다. 그런 다음 팝업이 나타나기를 원할 때마다 이벤트를 사용하여 ajax 요청으로 모달 형식의 데이터를로드 할 수 있습니다. – Rooster

+0

모달의 ['remote' 옵션] (http://twitter.github.com/bootstrap/javascript.html#modals)을 살펴보아야합니다.하지만 모든 것을 고려하면 JS/jQuery를 호출해야합니다. Ajax를 통한 프레임 워크. MVC 프레임 워크에서 모달을 유지한다는 것은 무엇을 의미합니까? – Sherbrow

+0

@Sherbrow - 컨트롤러에 의해 관리되는 모달을 가지고 싶었 기 때문에 내 모델에 액세스 할 수 있었고 Ajax가 이에 대한 저의 생각입니다. – Bungdaddy

답변

4

난 정말 당신이 무엇을 모달이며 컨트롤러가 무엇인지, 당신이 아약스 호출하지 않고이 작업을 수행 할 수없는 오해 생각 당신은 내부와 같이

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

아약스는 길을 가야하는 것입니다, 나는 그들이 그렇게 내 모든 조동사를로드 느릅 나무에서 템플릿 라이브러리를 만들어 응용 프로그램에서 어디서나 javscript로 호출 할 수 있습니다. 그런 다음 ajax를 사용하여 양식을 제출하십시오.

관련 문제