從php頁面傳遞mysql表數據到引導模態

Question

我有一個名為project的 mysql表，其列名為Project Name，Project Number，Project Status，Project Start Date，Project End Date。 我也有一個名為'projects.php'的php頁面，我在該頁面中顯示mysql表項目中的數據，但僅顯示前3列（項目名稱，項目編號，項目狀態）中的數據。 另外，對於php表中的每一行，我都給出了一個名為view click的鏈接，它將觸發一個模式。

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

我是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. 包含所有字段的表單表，但不顯示網格中不需要的單元格。 td的 樣式=“ display：none” 。
3. 使用javascript顯示模態，並從表行的單元格中獲取所需的字段。
4. 另外，您可以為每個表單元格命名一個類，以便使用js輕松獲取。

Answer 3

首先，作為一個初學者，首先將您的mysql連接更新到mysql i ，您可能想嘗試在github上找到該插件，方法如下：

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

如果您堅持使用開箱即用的模式，則至少嘗試在以下示例中找到該示例： http://getbootstrap.com/javascript/#modals-examples