Twitter bootstrap 在codeigniter中使用模态显示详细数据
我有一个项目,在管理页面,我想使用从引导模式显示详细数据。我使用代码点火器。这里有人有教程吗 我想使用显示细节数据和编辑数据的模式,所以我不需要再次创建另一个页面。 这是我的型号Twitter bootstrap 在codeigniter中使用模态显示详细数据,twitter-bootstrap,codeigniter,Twitter Bootstrap,Codeigniter,我有一个项目,在管理页面,我想使用从引导模式显示详细数据。我使用代码点火器。这里有人有教程吗 我想使用显示细节数据和编辑数据的模式,所以我不需要再次创建另一个页面。 这是我的型号 function get_user_by($id){ $this->db->where('id', $id); $query = $this->db->get('user'); return $query->result_array(); } 这是我的控制器
function get_user_by($id){
$this->db->where('id', $id);
$query = $this->db->get('user');
return $query->result_array();
}
这是我的控制器
function view_user($id){
$akun = $this->admin_model->get_user_by($id);
if ($akun[0]['foto']!='') {
$foto = $akun[0]['foto'];
}else{
$foto = 'default-avatar.png';
}
$data = array(
'id'=>$akun[0]['id'],
'nama' => $akun[0]['nama_lengkap'],
'username' => $akun[0]['username'],
'foto' => $foto,
'jenis_kelamin'=> $akun[0]['jenis_kelamin'],
'pekerjaan'=> $akun[0]['pekerjaan'],
'tempat_lahir'=>$akun[0]['tempat_lahir'],
'tgl_lahir'=> $akun[0]['tanggal_lahir'],
'gol_darah'=>$akun[0]['golongan_darah'],
'alamat'=>$akun[0]['alamat'],
'kota'=>$akun[0]['kota'],
'provinsi'=>$akun[0]['provinsi'],
'pendidikan_terakhir'=>$akun[0]['pendidikan_terakhir'],
'no_telepon'=>$akun[0]['no_telepon'],
'agama'=>$akun[0]['agama'],
'email'=>$akun[0]['email'],
);
}
这是我的代码输入按钮,显示详细数据
查看
<a href="" title="" class="detail_user" ></a><button type="button" data-toggle="modal" data-target="#myModal" data-id="<?php echo $row->id; ?>" class="btn btn-primary" >View</button>
您可以简单地在控制器中再次加载新视图。您能解释一下吗?或者给我举个例子?您需要将数据传递给view??它是??
$('#myModal').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget) // Button that triggered the modal
var recipient = button.data('id') // Extract info from data-* attributes
var modal = $(this);
var dataString = 'id=' + recipient;
$.ajax({
type: "GET",
url: "<?php echo site_url();?>admin/view_user",
data: dataString,
cache: false,
success: function (data) {
console.log(data);
modal.find('.ct').html(data);
},
error: function(err) {
console.log(err);
}
});
})