fastadmin弹窗添加二级类别

最新推荐文章于 2023-12-08 14:09:54 发布

bilichen006

最新推荐文章于 2023-12-08 14:09:54 发布

阅读量1k

点赞数 2

文章标签： php 前端

本文链接：https://blog.csdn.net/bilichen006/article/details/130164464

版权

本文介绍如何在FastAdmin后台系统中，通过代码实现一级表格（如ask）中的每一项点击后弹窗显示其对应的二级表格（如answer）详情，并在弹窗内进行增删改查操作。详细步骤包括添加查看按钮、控制器与视图中的detail代码修改、删除与添加方法的实现，特别适合需要直观展示一二级关系数据的场景。

摘要由CSDN通过智能技术生成

在程序开发中，经常遇上有一、二级表格情况，例如ask和answer，一个ask中，就有很多个answer，如果在后台中分两个列表很容易实现，但很不直观，现通过代码，实现在ask列表中，每个item添加一个查看answer按钮，点击该按钮弹窗显示对应的answer列表，在该弹窗中实现增删改查操作，如下图

1、添加（申请详情）按钮，此操作参考前面写的文章（添加商品详情查看按钮）

2、controll中的detail代码

public function detail($ids = null){
    //$ids就是订单的id
    $orderDetails = LxsqApplyDetModel::order('id desc')->where('lxsq_apply_id', $ids)->select();
    if($orderDetails){
        foreach($orderDetails as $k=>$vo){
            $vo['cTime'] = date('Y-m-d H:i',$vo['createtime']);
        }
    }
    $this->assign('ids',$ids);
    $this->assign('orderDetails',$orderDetails);
    return $this->view->fetch();
}

3、view中的detail.html代码，该代码中对edit和del方法进行了改告，代码如下

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta name="referrer" content="never">
    <meta name="robots" content="noindex, nofollow">

    <link rel="shortcut icon" href="/assets/img/favicon.ico" />
    <!-- Loading Bootstrap -->
    <link href="/assets/css/backend.css?v=1681475121" rel="stylesheet">


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="/assets/js/html5shiv.js"></script>
    <script src="/assets/js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var require = {
            config:  {"site":{"name":"\u6211\u7684\u7f51\u7ad9","cdnurl":"","version":1681475121,"timezone":"