如何使用bootstrap模式编辑CodeIgniter中的数据

时间:2016-07-02 02:41:54

标签: twitter-bootstrap codeigniter

我已经使用了表格,用户点击编辑按钮然后模态弹出窗口,每个其他模态都有相同的数据。我想弹出模态,其中包含用户点击编辑的数据。

Modal_edit.php       编辑

 <?php
 $this->db->where('User_ID', $id);
 $query= $this->db->get('tbl_admin');
 foreach ($query->result() as $row)
 {
  $user=$row->Username;
  $pwd=$row->Password;
  $name=$row->Full_Name;
 }
?>
<div class="modal fade" id="myModal4" role="dialog">
<div class="modal-dialog">

  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Edit Admin</h4>

    </div>
    <div class="modal-body">
      <form method="post" class="horizontal" action="<?php echo "admin/edit/".$id; ?>" id="myForm">
        <div class="form-group">
          <label for="name" class="control-label">Full Name:</label>
          <input type="text" name="fname" class="form-control" placeholder="Full Name" id="firstname" value="<?php echo $name; ?>">
        </div>
        <div class="form-group">
          <label for="name" class="control-label">Username:</label>
          <input type="text" name="username" class="form-control" id="username" placeholder="Username" value="<?php echo $user; ?>">
        </div>
        <div class="form-group">
          <label for="name" class="control-label">Password:</label>
          <input type="text" name="pwd" class="form-control" id="pwd" placeholder="Password" value="<?php echo $pwd; ?>">
        </div>

        <button type="submit" class="btn btn-primary">Submit</button>
      </form>

    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>

2 个答案:

答案 0 :(得分:0)

您可以使用模式来显示编辑表单,就像重定向指定页面的用户一样,但只有区别< / strong>用户是否必须重定向。您可以参考此答案here,了解如何为中的每个项目创建动态模式

答案 1 :(得分:-1)

bootstrap模式在同一页面上弹出而不刷新页面。对于编辑,您需要刷新页面以获取特定用户的ID。

在这种情况下,您需要使用ajax。通过使用ajax,您可以在模态下获取特定用户的id,而无需刷新页面。