【问题标题】:Bootstrap modal with a table opened from a table: layout issues从表格打开表格的引导模式:布局问题
【发布时间】:2014-03-19 11:39:37
【问题描述】:

通常我会在 stackoverflow 或其他来源找到解决方案,但在这种情况下,我需要一些帮助。在正手赞赏!

我使用引导程序 2.3.2 和 php。 我有一个包含 mysql 数据库记录的表。在表格的最后一列,您有 3 个图标,因此您可以查看完整的记录,可以对其进行编辑和删除。

我将这些图标链接到引导模式 DIV,动态填充记录的 ID。 所以每一行都有这 3 个选项的 3 个 div:

<div id="LookupArtist<?php echo $row['id']; ?>" class="modal hide fade" role="dialog"  aria-hidden="true">

<div id="DeleteArtist<?php echo $row['id']; ?>" class="modal hide fade" role="dialog"  aria-hidden="true">

一切正常,直到我在模态 div 中使用表格... 为了查找完整记录,我在该模态 div 中添加了一个动态填充的表。 因为 div 是在另一个表格的单元格中创建的,所以布局被破坏,并且引导模式不会打开。

我知道我必须使用另一个表之外的表创建模态 div,但是这个 div 不会成为循环的一部分,并且不会有一个名为“LookupArtist62”的 id。

任何帮助将不胜感激!

【问题讨论】:

    标签: php jquery html mysql twitter-bootstrap


    【解决方案1】:

    您可以在 php 循环中构建表格和模态 div,然后在之后回显它们...

    在伪代码中

    <?php
    $table = '<table>';
    $modals = '';
    
    start loop
      $table .= '<tr><td>your table content</td></tr>';
      $modals .= '<div id="LookupArtist'.$row['id'].' class="modal hide fade" role="dialog"  aria-hidden="true">your modal content</div>';
    end loop
    
    $table .= '</table>';
    
    echo $table;
    echo $modals;
    ?>
    

    【讨论】:

    • 这是完美的解决方案,蒂姆斯!我非常感谢!它就像一个魅力!
    猜你喜欢
    • 2011-05-18
    • 1970-01-01
    • 2013-04-28
    • 1970-01-01
    • 1970-01-01
    • 2013-05-11
    相关资源
    最近更新 更多