从MySQL / PHP生成的表中查看Modal中的信息

时间:2014-04-27 01:50:04

标签: php jquery mysql sql twitter-bootstrap

我认为这很简单,但是我无法让它发挥作用。 我没有尝试任何java / ajax,因为我不能很好地使用它。

我所拥有的是根据此查询生成的表格

我试图拥有它,以便当你点击list-alt glyphicon时,它会弹出一个带有notes列的模态。

    $result = mysqli_query($mysqli,"SELECT * FROM data WHERE user='$loggedon' ORDER BY date DESC

数据库订单号[num] date [date]和notes [notes]的列 表:

    <script src='models/sorttable.js' type='text/javascript'> </script>
    <table class='sortable table table-hover table-bordered table-condensed table-striped' id='tables' border='1'>
    <tr>
    <th>Order Number</th>
    <th>Date</th>
    <th>View Notes | Delete</th>
    </tr>";

    while($row = mysqli_fetch_array($result))
    {
    $id = $row['date'];
    $num = $row['num'];
    echo "<tr>";
    echo "<td>" . $row['num'] . "</td>";
    echo "<td>" .fdate($row['date'], 'D F j, Y g:i A') . "</td>";
    echo "<td><a href='#?$num' data-toggle='modal' data-target='#notesModal'><span          class='glyphicon glyphicon-list-alt'></span></a>&nbsp|&nbsp<a href ='deltt.php?tt_date=$id'><span class='glyphicon glyphicon-trash'></span></a></td>";
    echo "</tr>";
    }
    echo "</table>";

获取笔记的第二个查询

    $notequery=mysqli_query($mysqli,"SELECT notes FROM data WHERE order='$num'");
while($row = mysql_fetch_array($notequery))
{
$ref = $row['notes'];
}

模态

    echo "
<div class='modal fade' id='notesModal' tabindex='-1' role='dialog' aria-labelledby='mySmallModalLabel' aria-hidden='true'>
<div class='modal-dialog modal-sm'>
    <div class='modal-content'>notes:$ref</div>
</div>
</div>";

我可以看到它的问题是,由于循环,$ num总是成为表中的最后一个条目。这就是我的开始,但我无法想象我的方式我确定它非常简单

1 个答案:

答案 0 :(得分:0)

如果您只想调用模态(如标题所示),只需从Javascript中调用它即可。

$("#notesModal").modal('show');

点击......

<a href="#" onclick="function(){ $('#notesModal').modal('show'); }"> Click me </a>