在弹出的 Laravel 中显示个人记录

Posted 2023-03-14

【中文标题】在弹出的 Laravel 中显示个人记录

【英文标题】：Show individual record on pop up Laravel

【发布时间】：2021-10-07 19:35:07

【问题描述】：

我正在使用资源控制器。所有记录都显示在仪表板上。从这里开始，我尝试在单击显示按钮后显示单个记录。

数据显示在弹出窗口中，但它是错误的。

我该如何解决这个问题？

DashboardController.php

 public function index()
    
        $frontend = Frontend::orderBy('created_at', 'desc')->paginate(10);
        return view ('dashboard')->with('frontends',$frontend);
    

dashboard.blade.php

 <button type="submit" class="btn btn-secondary" onclick="showReviewModal()">
          <i class="fas fa-eye"></i>
 </button>

 <div id="modalReview"
        class="fixed overflow-x-hidden overflow-y-auto inset-0 flex justify-center items-center z-50 p-6"
        style="display: none;">
        <div class="relative mx-auto w-auto max-w-2xl">
            <div class="bg-white w-full p-12 rounded-lg text-xl">
                <span><strong>Review</strong></span>
                <br />

                @if (count($frontends))
                    <p class="mt-6 text-justify"> $frontend->review </p>
                @endif
            </div>
        </div>
    </div>

script.js

function showReviewModal() 
    $("#modalReview").show();
    $("#modalShadow").show();
    

【参考方案1】：

您可以考虑使用 jQuery/JavaScipt 例如获取记录 id

var id = attr('id')

这是假设您使用了数据属性“data-id”

从那里，您只需对服务器进行 Ajax 调用，通过传回记录 ID 来调用您想要在模式中显示的单个记录。

<script>
$(document).ready(function()
   $(this).click(function()
    var id = attr('id')
    $.ajax(
     type: "GET",
     url: "/YOUR_URL/" + id,
     dataType: "json",
     headers: 
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      ,
        success: function (response) 
          //CALL YOUR MODAL HERE AND LOAD IT WITH THE RETURN DATA
        
      );
     </script>