从控制器获取数据到模态视图 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.

调用