2017-05-08 263 views
1

我有一个表中的模态。我从一个foreach表加载模态。我相信我的代码是正确的,但我不知道它为什么显示在一个有趣的方式。这是我的代码,当我运行这段代码时,这是我得到的结果。点击链接查看图像image从另一个foreach表中调用的模式加载foreach表

<tbody> 
      <?php 
         $count = 1; 
         $notarray = DataDB::getInstance()->select_from_where('order_collective','user_id',$userid); 
         foreach($notarray as $row): 
         $address = $row['appartment'].",".$row['address'].",".$row['city'].",".$row['state'].".".$row['landmark']; 
         ?> 
        <tr> 
         <td><?php echo $count++;?></td> 
         <td><?php echo $row['trackingnumber'];?></td> 
         <td><?php echo "NGN ".number_format($row['price'], 2);?></td> 
         <td><?php echo $address;?></td> 
         <td><?php echo $row['order_date'];?></td> 
         <td><?php echo DataDB::getInstance()->get_name_from_id('name','delivery_status','delivery_status_id',$row['delivery_status']);?></td> 

       <td> 
       <div class="btn-group"> 
        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#myVie<?php echo $row['trackingnumber'] ?>">View</button> 

       </div> 
       </td> 
      </tr> 
      <?php include ('order_history_modal.php'); ?> 
      <?php endforeach;?> 
      </tbody> 
<!-- ORDER HISTORY Modal content--> 
    <div id="myVie<?php echo $row['trackingnumber'] ?>" class="modal fade" role="dialog"> 

<!-- Modal content--> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4 class="modal-title">Modal Header</h4> 
    </div> 
    <div class="modal-body"> 

      <div class="table-responsive"> 
         <table class="table"> 
<thead> 
    <tr> 
    <th>Item</th> 
    <th>Quantity</th> 
    <th>Price</th> 
    </tr> 
</thead> 
<tbody> 
<?php 
     $notal = DataDB::getInstance()->select_from_where('order_details','trackingnumber',$row['trackingnumber']);    
     foreach($notal as $rol): 
     $prrname = DataDB::getInstance()->get_name_from_id('product_name','product','product_id',$rol['product_id']);?> 
    <tr> 
    <td><?php echo $prrname ?></td> 
    <td><?php echo $rol['quantity'] ?></td> 
    <td><?php echo "NGN ".number_format($rol['price'], 2);?></td> 
    </tr> 
<?php endforeach; ?> 
</tbody> 
</table> 
         <p></p> 
         </div> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
</div> 

</div> 
</div> 

</div> 
</div> 
+0

你如何获得$行[ 'order_collective_id']出方的循环?对于每一行,您都应该在循环内编写代码,以便其适用于所有行。 –

+0

目前模态被包含在循环内@ ZaidBinKhalid – nsikak

+0

显示你完整的代码和平。如果您通过ID调用模型,那么ID应该是唯一的。而且它会用唯一的行ID在循环中编写模型。尝试在循环内粘贴代码而不是包含文件。 –

回答

0

这样使用。

<table class="table"> 
    <thead> 
     <tr> 
      <th>#</th> 
      <th>Track Number</th> 
      <th>Price</th> 
      <th>Address</th> 
      <th>Order Date</th> 
      <th>Status</th> 
      <th>Auction</th> 
     </tr> 
    </thead> 


    <tbody> 
    <?php 
     $count = 1; 
     $notarray = DataDB::getInstance()->select_from_where('order_collective','user_id',$userid); 
     foreach($notarray as $row): 
     $address = $row['appartment'].",".$row['address'].",".$row['city'].",".$row['state'].".".$row['landmark']; 
     ?> 
    <tr> 
     <td><?php echo $count++;?></td> 
     <td><?php echo $row['trackingnumber'];?></td> 
     <td><?php echo "NGN ".number_format($row['price'], 2);?></td> 
     <td><?php echo $address;?></td> 
     <td><?php echo $row['order_date'];?></td> 
     <td><?php echo DataDB::getInstance()->get_name_from_id('name','delivery_status','delivery_status_id',$row['delivery_status']);?></td> 
     <td> 
     <div class="btn-group"> 
      <button type="button" class="btn btn-info" data-toggle="modal" data-target="#myVie<?php echo $row['trackingnumber'] ?>">View</button> 
     </div> 
     <?php include ('order_history_modal.php'); ?> 
     </td> 
    </tr> 
    <?php endforeach;?> 
</tbody> 
</table> 

order_history_modal.php

<div id="myVie<?php echo $row['trackingnumber'] ?>" class="modal fade" role="dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Modal Header</h4> 
      </div> 
      <div class="modal-body"> 
      <div class="table-responsive"> 
       <table class="table"> 
        <thead> 
         <tr> 
         <th>Item</th> 
         <th>Quantity</th> 
         <th>Price</th> 
         </tr> 
        </thead> 
        <tbody> 
       <?php 
       $notal = DataDB::getInstance()->select_from_where('order_details','trackingnumber',$row['trackingnumber']);    
       foreach($notal as $rol): 
        $prrname = DataDB::getInstance()->get_name_from_id('product_name','product','product_id',$rol['product_id']);?> 
        <tr> 
        <td><?php echo $prrname ?></td> 
        <td><?php echo $rol['quantity'] ?></td> 
        <td><?php echo "NGN ".number_format($rol['price'], 2);?></td> 
        </tr> 
       <?php endforeach; ?> 
       </tbody> 
       </table> 
      </div> 
      </div> 
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<table class="table"> 
 
\t <thead> 
 
    \t <tr> 
 
     \t <th>#</th> 
 
      <th>Track Number</th> 
 
      <th>Price</th> 
 
      <th>Address</th> 
 
      <th>Order Date</th> 
 
      <th>Status</th> 
 
      <th>Auction</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
    \t <tr> 
 
     \t <td>1</td> 
 
      <td>test</td> 
 
      <td>test</td> 
 
      <td>test</td> 
 
      <td>test</td> 
 
      <td>test</td> 
 
      <td> 
 
      <div class="btn-group"> 
 
       <button type="button" class="btn btn-info" data-toggle="modal" data-target="#myVie1">View</button> 
 
      </div> 
 
\t   <div id="myVie1" class="modal fade" role="dialog"> 
 
       \t <!-- Modal content--> 
 
       <div class="modal-content"> 
 
        <div class="modal-header"> 
 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
        <h4 class="modal-title">Modal Header</h4> 
 
        </div> 
 
        <div class="modal-body"> 
 
\t \t \t \t \t <div class="table-responsive"> 
 
         <table class="table"> 
 
          <thead> 
 
           <tr> 
 
           <th>Item</th> 
 
           <th>Quantity</th> 
 
           <th>Price</th> 
 
           </tr> 
 
          </thead> 
 
          <tbody> 
 
           <tr> 
 
           <td>test</td> 
 
           <td>test</td> 
 
           <td>test</td> 
 
           </tr> 
 
          </tbody> 
 
         </table> 
 
        </div> 
 
        </div> 
 
        <div class="modal-footer"> 
 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
        </div> 
 
       </div> 
 
\t \t \t </div> 
 
      </td> 
 
     </tr> 
 
    </tbody> 
 
</table>

+0

代码片段编辑器有一个'tidy'选项,如果你使用它,会改进你的答案。 –

+0

非常感谢,它的作品 – nsikak

+0

@nsikak你非常欢迎。 –

相关问题