仅在单击时填充带有内容的引导模式

时间:2014-07-23 08:08:00

标签: javascript php jquery ajax twitter-bootstrap

我有一个包含这样的列表的表,它是从php循环中填充的

| **name**   | **age**  | **course** | **action**      |

| wilson     | 56       | Web pro    | edit  delete    |

编辑按钮看起来像

 <a href="<?php echo base_url()?>admin/edit/{$row['id']}" data-href="#myModal">Edit</a>

我有一个模式已经显示在单击编辑时但是我想要一种情况,当我单击编辑按钮时,运行url localhost/admin/edit/3,其中3是一个id,数据库查询获取详细信息id = 3的用户返回到视图,现在将填充到模态中。

我知道这可能是一个ajax的事情,但我真的不知道如何去做。

2 个答案:

答案 0 :(得分:0)

您可以发送一个参数为id的ajax请求,然后从Database获取所需数据。返回json编码数据。然后使用javascript解码数据,然后根据模式弹出窗口中的需要填充它。

答案 1 :(得分:0)

我正在使用codeigniter所以很难实现这些建议,我后来通过这样做来实现它:

在触发模态i按钮的按钮上:

 <a data-toggle="modal" href="<?php echo base_url(); ?>admin/profile/edit/<?php echo   $row['id']; ?>" class="btn btn-warning btn-xs" >Edit</a>

然后在我的代码下面:

<?php if(@$show_edit_modal): ?>
<script>$("#edit_modal").modal('show'); </script>
<?php endif;?>
admin / profile / edit上的

我有

public function profile($arg1="", $arg2=""){

if($arg1=='edit' && !(empty($arg2)){
$data['profile'] = my qyuery to get the row where id=$arg2;
$data['show_edit_modal']=true; //this set to true so when the page loads modal will pop up
$this->load->view('mypage'); //page loads and modal pops up then on modal i can access my data from database
}

}