4

私はプログラミングが初めてで、ブートストラップモーダルを実装してmysqlテーブルの行データをモーダルウィンドウに表示しようとしています。

リンクでstackoverflowの「mysqlテーブルからブートストラップモーダルに情報をプルする」にある解決策を試しました。しかし、$row['SFID'] で特定の行を表示できませんでした。

テーブル データを取得できますが、任意の行の前にある編集ボタンをクリックすると、常に最後の行 ID が表示されます

データを編集するモーダルの入力ボックスにデータを表示しません???.

私は今までここにいます、助けてください。

<table class="table table-bordered" width="100%">
    <thead>
        <tr>
            <th>SFID</th>
            <th>Company</th>
            <th>Product</th>
            <th>Product Line</th>
            <th>Dealer Class</th>
            <th>Status</th>
        </tr>
    </thead>
    <?php
        $query = "SELECT * FROM tblcustomer";
        $stmt = $db->prepare($query);
        $stmt->execute();

        foreach ($stmt as $row): ?>
            <tr>
    <?php $rowID = $row['SFID']; ?>

                <td><?php echo $row['SFID']; ?></td>
                <td><?php echo $row['CompanyName']; ?></td>
                <td><?php echo $row['Product']; ?></td>
                <td><?php echo $row['ProductLine']; ?></td>
                <td><?php echo $row['DealerClass']; ?></td>
                <td><?php echo $row['RequestStatus']; ?></td>
                <td style="text-align: center">
                    <div class="btn-toolbar">
                        <div class="btn-group">
                            <a class="btn btn-danger" href="#delModal"  data-toggle="modal"><i class="icon-trash icon-white"></i> Delete</a>

            <?php echo "<a class='btn update' href='#editModal' data-sfid='".$row['SFID']."' role='button' data-toggle='modal'>Edit</a>"; ?>
 </div>
                    </div>
                </td>
             </tr>
     <?php endforeach; ?>
 </table>

     <div id="editModal" class="modal hide fade in" style="display: none; ">
 <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Edit Customer Details</h3>
</div>
 <div>
<form class="contact">
   <fieldset>
    <div class="modal-body">
        <?php echo $row['SFID']; ?> 
        <ul class="nav nav-list">
        <li class="nav-header">SFID</li>
        <li><input class="input-xlarge" type="text" name="mysfid" id="mysfid"></li>
        <!--<li class="nav-header">Company</li>
        <li><input class="input-xlarge" value=" " type="text" name="mycompany"></li>
        <li class="nav-header">Dealer Class</li>
        <li><input class="input-xlarge" value=" " type="text" name="mydealerclass"></li> -->
        </ul> 
     </div>
    </fieldset>
</form>
 </div>
 <div class="modal-footer">
    <button class="btn btn-success" id="submit">Approved</button>
      <a href="#" class="btn" data-dismiss="modal">Close</a>
 </div>
</div>

  <script>
    $(document).ready(function(){
    $('a.edit').click(function(){
    var sfid = $(this).data('sfid');
    var company = $(this).data('company');
    var dealerclass = $(this).data('dealerclass');    

    $('#mysfid').val(sfid);
    $('#mycompany').val(company);
    $('#mydealerclass').val(dealerclass);
    });

    });
    </script>

ご協力いただきありがとうございます。

4

3 に答える 3

5
<table class="table table-bordered" width="100%">
    <thead>
        <tr>
            <th>SFID</th>
            <th>Company</th>
            <th>Product</th>
            <th>Product Line</th>
            <th>Dealer Class</th>
            <th>Status</th>
        </tr>
    </thead>
    <?php
        $query = "SELECT * FROM tblcustomer";
        $result = mysql_query($query);
        $i=1;
        while($row = mysql_fetch_assoc($result))
        {
    ?>
            <tr>
    <?php $rowID = $row['SFID']; ?>

                <td><?php echo $row['SFID']; ?></td>
                <td><?php echo $row['CompanyName']; ?></td>
                <td><?php echo $row['Product']; ?></td>
                <td><?php echo $row['ProductLine']; ?></td>
                <td><?php echo $row['DealerClass']; ?></td>
                <td><?php echo $row['RequestStatus']; ?></td>
                <td style="text-align: center">
                    <div class="btn-toolbar">
                        <div class="btn-group">
                            <a class="btn btn-danger" href="#delModal"  data-toggle="modal"><i class="icon-trash icon-white"></i> Delete</a>

                            <a class="btn update" href="#editModal<?php echo$i?>" data-sfid='"<?php echo $row['SFID'];?>"' data-toggle="modal">Edit</a>
                            <!--Yor Edit Modal Goes Here-->
                            <div id="editModal<?php echo $i; ?>" class="modal hide fade in" role="dialog" ria-labelledby="myModalLabel" aria-hidden="true">
                             <div class="modal-header">
                                <a class="close" data-dismiss="modal">×</a>
                                <h3>Edit Customer Details</h3>
                            </div>
                             <div>
                            <form class="contact">
                               <fieldset>
                                <div class="modal-body">
                                    <?php echo $row['SFID']; ?> 
                                    <ul class="nav nav-list">
                                    <li class="nav-header">SFID</li>
                                    <li><input class="input-xlarge" type="text" name="mysfid" id="mysfid"></li>
                                    <!--<li class="nav-header">Company</li>
                                    <li><input class="input-xlarge" value=" " type="text" name="mycompany"></li>
                                    <li class="nav-header">Dealer Class</li>
                                    <li><input class="input-xlarge" value=" " type="text" name="mydealerclass"></li> -->
                                    </ul> 
                                 </div>
                                </fieldset>
                            </form>
                             </div>
                             <div class="modal-footer">
                                <button class="btn btn-success" id="submit">Approved</button>
                                  <a href="#" class="btn" data-dismiss="modal">Close</a>
                             </div>
                            </div>

                             </div>
                    </div>
                </td>
             </tr>
     <?php $i++; } ?>
 </table>
于 2013-08-20T10:21:11.033 に答える
0

これは、編集モーダルに$rowデータを入力するためであり、それまでに最後の項目になっています。

特定の行のデータを取得するには、javascript オブジェクト/配列を作成し、data-rfid[編集] リンクのパラメーターを使用してデータを取得できます。または、たとえば Ajax を使用して行をフェッチすることもできます。

于 2013-08-20T10:27:18.507 に答える
0

上記の $i = 1 for ループを取得し、 for ループの各反復でそれをインクリメントします..したがって、各レコードが取得されます

あなたのフォーム

<a class='btn update' href='#editModal<?php echo $i;?>' data-sfid='".$row['SFID']."' role='button' data-toggle='modal'>Edit</a>

モーダル ウィンドウ

<div id="editModal<?php echo $i;?>" class="modal hide fade in" style="display: none; ">
于 2013-08-17T04:34:46.063 に答える