通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