Question

我有一个名为 project 的mysql表，其中包含名为Project Name的列，项目编号，项目状态，项目开始日期，项目结束日期。我还有一个名为'projects.php'的php页面，我在页面中显示来自mysql表 project 的数据，但我只显示前3列的数据（项目名称，项目编号，项目）状态）。同样对于php表中的每一行，我都给出了一个名为 view 的链接，它会触发一个模态。

我想显示模态中该特定行的所有列的数据。请指导我如何处理这种情况。

我是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

在我看来，你应该：

在您提供的SQL中查询所需的所有字段。
包含所有字段的表格表格，但不显示您在网格中不需要的单元格。 style =＆＃34; display：none＆＃34; for td 。
使用javascript显示您的模态，并从表格行的单元格中获取所需的字段。
此外，您可以使用类命名每个表格单元格，以便使用js轻松获取。

Answer 3

首先首先将你的mysql连接更新为mysql i 作为初学者，你可能想尝试在github上找到插件：

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

如果您坚持开箱即用模式，那么至少尝试在这里找到示例 http://getbootstrap.com/javascript/#modals-examples

将mysql表数据从php页面传递给bootstrap模式

3 个答案: