1

連絡先の更新に Twitter ブートストラップ モーダルを使用していますが、いくつか問題があります。モーダルには常に最初の連絡先の情報が表示されます。ただし、モーダルの外に情報を表示すると、これは正しい形式で表示されます

<?php foreach($contacts as $contact):  ?>  
<?php if($school==$contact->Schools_id): ?> 
<table class="table table-bordered  table-hover">
        <tbody><br>

                <button role="button" class="btn"><?php echo anchor('contacts/delete_contact/'.$contact->Contacts_id,' <i class="icon-remove"></i>'); ?></button>
                <a href="#UpdateContact" role="button" class="btn" data-target="#UpdateContact" data-toggle="modal"><i class="icon-pencil"></i></a>
                <tr>
                    <td>Name</td>
                    <td><?php echo $contact->name. " ". $contact->last_name; ?></td>
                </tr>
                <tr>
                    <td>Title</td>
                    <td><?php echo $contact->title; ?></td>
                </tr>
                <tr>
                    <td>Phone</td>
                    <td><?php echo $contact->phone; ?> </td>
                </tr>
                <tr>
                    <td>Email</td>
                    <td><?php echo $contact->email; ?></td>
                </tr>
                <div id="UpdateContact" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" tabindex="-1" aria-hidden="true">
                    <div class="modal-header">
                        <?php $hidden = array('contact_id' => $contact->Contacts_id,
                                              'school_id' => $contact->Schools_id);
                                echo form_open_multipart('contacts/update_contact', "", $hidden);  ?>
                        <h3>Update Contact</h3>
                    </div>
                    <div class="modal-body">
                        <label for="name">First Name <span class="required">*</span></label>
                        <input id="name" type="text" name="name" maxlength="20" ] 
                               value="<?php echo set_value('name', $contact->name ); ?>"  />
                        <br><br>
                        <label for="last_name">Last Name <span class="required">*</span></label>
                        <input id="last_name" type="text" name="last_name" maxlength="20" ] 
                               value="<?php echo set_value('last_name', $contact != NULL ? $contact->last_name : " " ); ?>"  />
                        <br><br>
                        <label for="title">Title <span class="required">*</span></label>
                        <input id="title" type="text" name="title" maxlength="45" ] 
                               value="<?php echo set_value('title', $contact != NULL ? $contact->title : " " ); ?>"  />
                        <br><br>
                        <label for="phone">Phone<span class="required">*</span></label>
                        <input id="phone" type="text" name="phone" maxlength="11" ] 
                               value="<?php echo set_value('phone', $contact != NULL ? $contact->phone : " " ); ?>"  />
                        <br><br>

                        <label for="email">Email<span class="required">*</span></label>
                        <input id="email" type="text" name="email" maxlength="45" ] 
                               value="<?php echo set_value('email', $contact != NULL ? $contact->email : " " ); ?>"  />
                    </div>
                    <div class="modal-footer">

                    <?php echo form_submit( array('class' => 'btn btn-primary', 'name' =>'submit', 'value' => 'Submit')); ?>
                    <?php echo form_close(); ?> 
                    </div>
                    </div>
              </div>

        </tbody>
    </table>

            <?php endif ?>
        <?php endforeach ?>

この質問で見つけた解決策のいくつかは、Twitter ブートストラップ リモート モーダルで毎回同じコンテンツが表示される:

<script type="text/javascript">       
  $(document).ready( function(){
         $('#UpdateContact').on('hide', '.modal', function () {
          $(this).removeData('modal');
        });
    });  
</script>

しかし、まだ私のために働いていません。

4

1 に答える 1

0

datasage のように、モーダル DIV ID は一意ではありません。DIV ID を連絡先 ID と連結して、各モーダルを一意にします。

<div id="UpdateContact<?php echo $contact->Contacts_id ?>"

また、同じ方法で HREF をリンクしていることを確認してください

于 2013-01-30T17:54:04.163 に答える