从控制器获取数据到模态视图 Codeigniter
Get Data from Controller to Modal View Code Igniter
我很难弄清楚如何使用 Bootsrap 模式从 table 中删除行。
这是我的 模型 函数:
function view_product(){
$query = $this->db->get('product_tbl');
return $query;
}
这是我的 控制器:
public function list() {
$page = 'list';
if(!file_exists(APPPATH.'views/pages/'.$page.'.php')){
show_404();
}
$data['title'] = "Delete Product";
$data['fetch_data'] = $this->Product_model->view_product();
$this->load->view('templates/header');
$this->load->view('pages/'.$page, $data);
$this->load->view('templates/modal'); // MODAL
$this->load->view('templates/footer');
}
这是我的 View,其中 'remove' 按钮是我的问题:
<table class="table table-bordered table-hover">
<thead class="table-light">
<tr>
<th scope="col">Image</th>
<th scope="col">Product</th>
<th scope="col">Price</th>
<th scope="col">Quantity</th>
<th scope="col">QR Code</th>
<th colspan="2" scope="col"></th>
</tr>
</thead>
<tbody id='myTable'>
<?php
if($fetch_data->num_rows() > 0){
foreach($fetch_data->result() as $data){
$product_id = $data->product_id;
$db_image = $data->image;
$db_product_name = $data->product_name;
$db_price = $data->price;
$db_quantity = $data->quantity;
$db_qr_code = $data->qr_code;
echo "
<tr>
<th scope='row'>$db_image</th>
<td>$db_product_name</td>
<td>$db_price</td>
<td>$db_quantity</td>
<td>$db_qr_code</td>
<td width='30px'><a class='btn btn-primary btn-sm' href='edit/$product_id' role='button'>Details</a></td>
<td width='30px'><button class='btn btn-danger btn-sm' data-toggle='modal' data-target='#exampleModal'>Remove</button></td>
</tr>
";
}
}
?>
问题是我如何使用 Bootstrap 模态将数据从数据库获取到 delete/remove 来自 table 的特定行?我需要在模型中添加任何代码吗?还是在控制器中?
谢谢你!任何答案将不胜感激。 :)
要从视图中删除要持久保存在数据库中的数据,您可以在控制器中创建一个简单的函数,该函数将根据此 ID(或您要使用的任何唯一变量)删除产品,调用您模型的功能。
那么在你看来,你可以通过javascript使用AJAX调用这个删除函数。
请记得在您的控制器中检查授权。
您在这里要做的是创建一个 API,如果您希望您的代码符合 RESTful 架构,您需要创建一个 DELETE
从 AJAX 而不是 GET
.
调用
我很难弄清楚如何使用 Bootsrap 模式从 table 中删除行。
这是我的 模型 函数:
function view_product(){
$query = $this->db->get('product_tbl');
return $query;
}
这是我的 控制器:
public function list() {
$page = 'list';
if(!file_exists(APPPATH.'views/pages/'.$page.'.php')){
show_404();
}
$data['title'] = "Delete Product";
$data['fetch_data'] = $this->Product_model->view_product();
$this->load->view('templates/header');
$this->load->view('pages/'.$page, $data);
$this->load->view('templates/modal'); // MODAL
$this->load->view('templates/footer');
}
这是我的 View,其中 'remove' 按钮是我的问题:
<table class="table table-bordered table-hover">
<thead class="table-light">
<tr>
<th scope="col">Image</th>
<th scope="col">Product</th>
<th scope="col">Price</th>
<th scope="col">Quantity</th>
<th scope="col">QR Code</th>
<th colspan="2" scope="col"></th>
</tr>
</thead>
<tbody id='myTable'>
<?php
if($fetch_data->num_rows() > 0){
foreach($fetch_data->result() as $data){
$product_id = $data->product_id;
$db_image = $data->image;
$db_product_name = $data->product_name;
$db_price = $data->price;
$db_quantity = $data->quantity;
$db_qr_code = $data->qr_code;
echo "
<tr>
<th scope='row'>$db_image</th>
<td>$db_product_name</td>
<td>$db_price</td>
<td>$db_quantity</td>
<td>$db_qr_code</td>
<td width='30px'><a class='btn btn-primary btn-sm' href='edit/$product_id' role='button'>Details</a></td>
<td width='30px'><button class='btn btn-danger btn-sm' data-toggle='modal' data-target='#exampleModal'>Remove</button></td>
</tr>
";
}
}
?>
问题是我如何使用 Bootstrap 模态将数据从数据库获取到 delete/remove 来自 table 的特定行?我需要在模型中添加任何代码吗?还是在控制器中?
谢谢你!任何答案将不胜感激。 :)
要从视图中删除要持久保存在数据库中的数据,您可以在控制器中创建一个简单的函数,该函数将根据此 ID(或您要使用的任何唯一变量)删除产品,调用您模型的功能。
那么在你看来,你可以通过javascript使用AJAX调用这个删除函数。
请记得在您的控制器中检查授权。
您在这里要做的是创建一个 API,如果您希望您的代码符合 RESTful 架构,您需要创建一个 DELETE
从 AJAX 而不是 GET
.