通mysql表數據來引導模式

Question

我有MySQL表命名爲項目名爲項目名稱欄， 項目編號，項目狀態，項目開始日期，項目結束日期。 另外我有一個名爲'projects.php'的php頁面，我在頁面中顯示來自mysql表格項目的數據，但我只顯示前3列（項目名稱，項目編號，項目狀態）的數據。 同樣對於php表中的每一行，我都給出了一個鏈接，名爲查看點擊這將觸發一個模式。

我想顯示模態中特定行的所有列的數據。 請指導我如何繼續這種情況。

我對php，javascript，jquery很新。因此無法弄清楚如何將數據傳遞給模態。以下是可能有所幫助的代碼。

表中projects.php：

<table class="table table-striped table-condensed"> 

<thead> 
<tr> 
    <th>Project Name</th> 
    <th>Project Number</th> 
    <th>Project Status</th> 
</tr> 
</thead> 

<tbody> 
    <?php 

     $sql = "SELECT proj_name, proj_status, proj_num, 
       FROM Project"; 
     $records = mysql_query($sql); 

     while ( $proj = mysql_fetch_assoc($records) ) 
     { 
      echo "<td>".$proj['proj_name']."&nbsp;&nbsp;<a href='#testmodal' data-toggle ='modal'>view</a></td>"; 
      echo "<td>".$proj['proj_num']."</td>"; 
      echo "<td>".$proj['proj_status']."</td>"; 
      echo "</tr>"; 
     } 
    ?> 
</tbody> 

</table> 

以下是我的模態碼：（這只是基本的一個）

<div class="modal" id="testmodal"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 

        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h3 class="modal-title"><b>Test Modal</b></h3> 
        </div><!--end of modal-header--> 

        <div class="modal-body"> 
         This is my test Modal !! 
        </div> 

        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 

       </div>     
      </div> 
</div> 

Answer 1

你需要做的是你查詢的結果存儲到什麼數組。

$projects = array(); 
$sql = "SELECT * FROM Project"; 
$result = mysqli_query($conn, $sql); 
while ($row = mysqli_fetch_assoc($result)) 
{ 
    $projects[] = $row; 
} 

然後你就可以在你的表和模式做一個foreach循環。

<?php foreach ($projects as $project): ?> 
<tr> 
    <td><?= $project['proj_name'] ?>&nbsp;&nbsp;<a href='#testmodal' data-toggle ='modal'>view</a></td> 
    <td><?= $proj['proj_num'] ?></td> 
    <td><?= $proj['proj_status'] ?></td> 
</tr> 
<?php endforeach; ?> 

Answer 2

在我看來，你應該：

1. 查詢所有字段你想在你提供的SQL。
2. 表格中包含所有字段，但不顯示網格中不需要的單元格。 style =「display：none」 for td。
3. 用javascript顯示你的模態，並從表格行的單元格中獲取你想要的字段。
4. 另外，你可以給每個表格單元命名一個類，以便用js輕鬆獲取。

Answer 3

首先先更新你的mysql連接到mysql 我進一步，你可能想嘗試在GitHub上的插件，一個初學者下找到：

https://github.com/nakupanda/bootstrap3-dialog

如果你堅持瞭然後至少嘗試一下這個例子 http://getbootstrap.com/javascript/#modals-examples