在cakephp 3中的另一个视图中加载ajax视图

Question

我想在cakephp中编辑记录，因为我想加载位于另一个视图edit.ctp中的模态弹出窗口。有一个页面view.ctp，用户可以在链接上单击链接，并显示模式弹出窗口。我的modalpopup需要一个不同的视图。下面是代码。请帮助解决我的问题。如果我将我的模态放在同一页面上，即view.ctp它正在工作，但我需要一个不同的视图。

  

view.ctp

<li>
   <?php              
       echo $this->Html->link("Edit Profucts","/PanelAdmin/products/edit/".$prod->product_id, array('update' => '#flexModal','id'=>'flexModal','data-target' => 'flexModal','htmlAttributes' => array('data-toggle' => 'modal',)));
    ?>
 </li>

    <script>
    $(document).ready(function() {
       $("a[data-target='flexModal']").click(function(ev) {
           ev.preventDefault();
           var target = $('#flexModal').attr("href");
           $("#flexModals .modal-body").load(target, function(data) {
               $("#flexModals").modal("show");
           });
        });
    });
    </script>

  

edit.ctp

<div class="modal" data-target="#flexModal" tabindex="-1" role="dialog" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" id="myModalLabel"></h3>
            </div>
            <div class="modal-body">


            <?php 

            echo $products->product_name;
            echo $products->product_desc;

            ?>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

  

ProductsController.php

public function edit($id)
{
    $products = $this->Products->get($id);
     $this->set(compact('products'));
}