2014-09-15 3 views
0

Вот мой код. Как я могу получить значение ['ADMINISTRATOR_ID'] и передать его в модульную коробку.Передача значения PHP в twitter bootstrap modal

Я новичок в этом виде-контакте - это моя модальная коробка. Какой метод следует использовать для получения или публикации?

<table class="table table-condensed"> 
    <tbody> 
     <?php foreach ($td_admins as $row) : ?> 
     <tr> 
      <td> 
       <?=$row[ 'ADMINISTRATOR_ID'];?> 
      </td> 
      <td> 
       <?=$row[ 'FIRSTNAME'];?> 
        <?=$row[ 'LASTNAME'];?> 
      </td> 
      <td> <a href="#view_contact" class="btn btn-info btn-xs view" data-id="<?=$row['ADMINISTRATOR_ID'];?>" data-toggle="modal">View</a> 
    <a href="#" class="btn btn-danger btn-xs">Delete</a> 

      </td> 
     </tr> 
     <?php endforeach; ?> 
    </tbody> 
</table> 
<div class="modal fade" id="view_contact" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <p>Admin row number: 
        <?php echo $_POST[ 'id'];?> 
       </p> 
      </div> 
      <div class="modal-footer"> <a class="btn btn-default" data-dismiss="modal">Close</a> 

      </div> 
     </div> 
    </div> 
</div> 
+0

Вы можете уточнить свой вопрос ?? что ты хочешь делать? – Chico3001

+0

Как я могу передать значение data-id = "" И поместить в мое модальное тело? – Nomad

+0

'echo' это значение на странице – NoobEditor

ответ

1

Чтобы связать значение в bootstrap modal, вам необходимо прослушать событие bootstrap и сделать то, что вы хотите в нем. Вы можете проверить этот список событий на bootstrap documentation.

<table class="table table-condensed"> 
    <tbody> 
     <?php foreach ($td_admins as $row) : ?> 
     <tr> 
      <td> 
       <?=$row[ 'ADMINISTRATOR_ID'];?> 
      </td> 
      <td> 
       <?=$row[ 'FIRSTNAME'];?> 
        <?=$row[ 'LASTNAME'];?> 
      </td> 
      <td> <a href="#view_contact" class="btn btn-info btn-xs view" data-id="<?=$row['ADMINISTRATOR_ID'];?>" data-toggle="modal">View</a> 
    <a href="#" class="btn btn-danger btn-xs">Delete</a> 

      </td> 
     </tr> 
     <?php endforeach; ?> 
    </tbody> 
</table> 
<div class="modal fade" id="view_contact" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <p>Admin row number: 
        <?php echo $_POST[ 'id'];?> 
       </p> 
       <p>Admin Id: 
        <span id="admin_id"></span> 
       </p> 
      </div> 
      <div class="modal-footer"> <a class="btn btn-default" data-dismiss="modal">Close</a> 

      </div> 
     </div> 
    </div> 
</div> 
<script type="text/javascript"> 
    $('#view_contact').on('show.bs.modal', function (e) { // depend on vary your bootstrap version 
     var adminId = $('#admin_id').attr('data-id'); 
     $('#admin-id').html(adminId); 
    }); 
</script> 
Смежные вопросы