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

     2023-03-14     195

关键词:

【中文标题】在弹出的 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>

【讨论】:

c#(winform)如何在弹出的对话框中显示选择的信息

参考技术A编辑信息窗体加个公共方法,方法用来设置控件的值,然后主窗体在弹出对话框之前,先调用这个公共方法,然后再显示 查看详情

旺店通erp系统怎么设置显示页数

登录系统,点击“系统管理”,在弹出的窗口中点击“系统设置”,在“系统设置”页面中,点击“显示设置”,在弹出的窗口中,可以设置每页显示的记录数。参考技术A您可以在旺店通ERP系统中,在设置页面中找到“显示页... 查看详情

在弹出的 Android Studio 中添加视图寻呼机

】在弹出的AndroidStudio中添加视图寻呼机【英文标题】:AddviewpagerinpopupAndroidStudio【发布时间】:2021-07-1923:22:51【问题描述】:我正在使用AndroidStudio,我想在弹出窗口中添加一个视图寻呼机。我可以得到一些关于如何做到这一点... 查看详情

pycharm记录(代码片段)

...框中输入:increase—>IncreaseFontSize(双击)—>在弹出的对话框中选择AddMouseShortcut在弹出的对话框中同时按住ctrl键和鼠标滚轮向上滑。File&mdas 查看详情

excel如何使重复数据自动变红?

...列。2、接着点击excel2016功能区中的“条件格式”按钮3、在弹出菜单中选择“空出显示单元格规则”菜单项,在在弹出二级菜单中选择“重复值”菜单项4、在弹出的“重复值”设置窗口中,点击“值”左侧的下拉按钮,选择“重... 查看详情

如何查看笔记本电脑的ip地址

...  查看笔记本电脑IP地址的方法  首先,右击网络,在弹出的快捷菜单中,选择属性。  然后,在弹出的网络和共享中心页面中,选择无线网络连接。  在到弹出的无线网络连接状态窗口里面,选择属性。  在到无线... 查看详情

怎么查看excel表格以前的修订记录?

...体操作如下2、点击“审阅”,再点击“共享工作簿”,在弹出的对话框中选择“允许多用户同时编辑同时允许工作簿合并”,打上对勾,点击“确定”3、然后把表格发给其他人,如果其他人对这张表格进行了修改,再给我们发... 查看详情

小米max连接win7后显示adbinterface是叹号,

...中选中ADBInterface,右击,选择“更新驱动程序软件”2.:在弹出的窗口中选择“浏览计算机以查找驱动程序软件”3:在弹出的窗口中选择“从计算机的设备驱动程序列表中选择”4:在弹出的窗口中保持默认选择,点击“下一步... 查看详情

powerbi中如何快速选择需要的字段列

...,可用鼠标右击列名称,例如用鼠标右击“入职时间”,在弹出的快捷菜单中选择“新建列”选项。在列计算位置输入相应的内容。例如想计算所有员工的最大年龄。重命名列在PowerBI中重命名列,可用鼠标右击列名称,例如用... 查看详情

outlook新邮件提示怎么设置?

...准备好,然后打开outlookexpress,打开工具->电子邮件帐户,在弹出窗口中单击添加新电子邮件账户,然后下一步,选择pop3,下一步,把刚才准备好的pop3,smtp,邮件用户名,密码,邮件地址,姓名填好后,就可以接收邮件了.首先,启动outlookexpress... 查看详情

eclipse页面乱码怎么解决

...只需要修改项目的编码即可。2选中项目后,右键点击,在弹出的菜单中点击属性(Properties)。3在弹出的属性窗口中,选择资源(Resource)——点击选择Other(其他),然后选择想要的编码格式。三.设置单个文件的编码1只是个别... 查看详情

电脑出现bootfailed怎么办?

...盘”按钮:2、然后,重启电脑,进入pe系统:3、接着,在弹出的对话框中,选择目标磁盘,默认是U盘,必须选择要修复的硬盘:4、之后,点击“主引导记录”这个按钮:5、最后,在弹出的对话框中,点选WindowsVista/7/8,然后点... 查看详情

revit如何使不同系统的线显示不同的线型和颜色

...所示的墙体。2、单击视图选项卡中的“可见性/图形”,在弹出的对话框选择“过滤器”,点击“编辑/新建”命令。3、弹出过滤器对话框,点击“新建”图标,弹出“过滤器名称”对话框,将名称修改为“红色”并确定。4、选... 查看详情

微信接龙最后一个人怎么删除

...龙统计表。3.在群接龙统计页面点击右上角的三个点。4.在弹出的小框中点击删除接龙即可成功操作。参考技术A微信接龙最后一个人怎么删除第一种就是进入到微信页面,从屏幕顶部往下滑动。第二种就是在“发现”页面,这里... 查看详情

UITableViewController 在弹出窗口中显示不同,为啥?

】UITableViewController在弹出窗口中显示不同,为啥?【英文标题】:UITableViewControllerdisplaysdifferentlyinapopover,why?UITableViewController在弹出窗口中显示不同,为什么?【发布时间】:2013-09-2704:21:13【问题描述】:我一直在将应用从iOS6转... 查看详情

如何解决java项目中的中文乱码?

...,只需要修改项目的编码即可。选中项目后,右键点击,在弹出的菜单中点击属性(Properties)。在弹出的属性窗口中,选择资源(Resource)——点击选择Other(其他),然后选择你想要的编码格式。设置单个文件的编码:只是个... 查看详情

vs2010怎么添加webservice

...rvice的项目名称上右击,在右击菜单中选择添加服务引用2在弹出的窗口中可以输入服务的地址3可以引用解决方案中的服务,点击按钮发现4也可以点击高级按钮来专门添加webservice5在弹出的窗口中点击添加web引用6在弹出窗口中可... 查看详情

怎样将应用程序快捷方式添加到win10开始菜单栏中去

...中去找到需要固定的应用程序的安装文件的位置,右键,在弹出的菜单中选择“固定到开始屏幕”即可。 或者是找到需要固定到开始菜单的应用程序的快捷方式,右键,在弹出的菜单中选择“固定到开始屏幕”... 查看详情