基于php值的HTML循环?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (290)

我有一个PHP / HTML页面,在PHP中,我拉出的数据出了一个SQL表,这工作正常没有问题

<?PHP
    $data = <Get SQL Data>
?>

下面我有一个Html部分,显示一个gannt图表

<?PHP
    $data = <Get SQL Data>
?>
<!DOCTYPE html>
<html lang="en" class="no-js">

<!-- Head -->
    <head>
        Head Stuff
    </head>

    <!-- Demo -->
    <div>
    <div id="embedded-Gantt">
      <script type="text/javascript">
      var g = new JSGantt.GanttChart(document.getElementById('embedded-Gantt'), 'week');
      g.setCaptionType('Complete'); (None,Caption,Resource,Duration,Complete)


      <Need To Add Data to gannt chart here>


      g.Draw();
      </script>        
    </div>
  </div>

在上面的代码中,该部分

<Need To Add Data to gannt chart here>

我需要通过调用将数据添加到图表

g.AddTaskItem(new JSGantt.TaskItem(1,   'App',     '',           '',          'ggroupblack',  '',                 0, 'User',    0,     1,      0,       1,     '',      '',      'Some Notes text', g ));

但我不知道的是如何循环每个$ data(来自php)循环的以上代码行。或者有更好的方法来做到这一点?

提问于
用户回答回答于

来宾$数据是一个数组,你可以用foreach来完成

<div id="embedded-Gantt">
  <script type="text/javascript">
  var g = new JSGantt.GanttChart(document.getElementById('embedded-Gantt'), 'week');
  g.setCaptionType('Complete'); (None,Caption,Resource,Duration,Complete)

  <?php
  foreach($data as $item) {
      ?>
      g.AddTaskItem(new JSGantt.TaskItem(<?php echo $item['id']?>,   '<?php echo $item['name']?> ........));
  <?php
  }?>


  g.Draw();
  </script>        
</div>

扫码关注云+社区

领取腾讯云代金券