在 codeigniter 中调用模态表单视图答案

【问题标题】：Call a Modal form view in codeigniter在 codeigniter 中调用模态表单视图
【发布时间】：2023-02-19 20:58:57
【问题描述】：

我有一个名为 Items 的视图，在其中我想使用此按钮在另一个视图中显示模态窗体。

<a href="<?php echo base_url('items/Show/'.$value['id']); ?>" type="button" class="btn btn-secondary btn-sm edit btn-orange"   data-bs-toggle="modal" data-bs-target=".bs-example-modal-center"  title="View">
                                                <i class="fas fa-eye "></i>
                                            </a>

这是 Items 控制器中的函数，它将把数据加载到表单中

function Show($id){

        if (isset($id)){
            
            $this->load->model('Itemo');
            $data['view']=$this->Itemo->Edit_items($id);
            $this->load->view('user/Dashboard/header');
            $this->load->view('user/Dashboard/View',$data);
            $this->load->view('user/Dashboard/footer');

        }else{

            redirect('/items/List_cat', 'refresh');

        }


        }

这是包含名为 View 的模态形式的 View

<div class="modal fade bs-example-modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title">Center modal</h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                                aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <!-- /.data loaded here-->
                                                        </div>
                                                    </div>
                                                    <!-- /.modal-content -->
                                                </div>
                                                <!-- /.modal-dialog -->
                                            </div>
                                            <!-- /.modal -->
                                        </div>

但是当我点击按钮时没有任何显示

【问题讨论】：

只是在这里猜测：你的模态框是一个锚点。默认情况下，这会重定向到一个新页面，但你可能会阻止 - 或者你的引导程序正在为你做这件事。 bootstrap modal 是否通过 ajax 调用来获取模态内容？也许你必须先存储结果： $data=$this->load->view('pagename',$datapassed, TRUE);比你可以回应它，例如 $this->set_output($data);
问题是视图根本不显示，通常我希望弹出该表单但它不显示

标签： php jquery codeigniter bootstrap-modal

【解决方案1】：

我认为要解决此问题，您可以更新按钮标记中的 data-bs-target 属性以匹配模态表单最外层 div 元素的 ID，即“modal-center”。您可以将此 ID 添加到模态表单最外层的 div 元素中，

像这样：

<div class="modal fade" id="modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <!-- modal content here -->
</div>

和更改按钮

<a href="<?php echo base_url('items/Show/'.$value['id']); ?>" type="button" class="btn btn-secondary btn-sm edit btn-orange" data-bs-toggle="modal" data-bs-target="#modal-center" title="View">
  <i class="fas fa-eye "></i>
</a>

【讨论】：