modal 模态框异步加载表,想再套一级(多级,多层)modal 模态框异步加载表, 没有成功, 找不到问题在哪里

[manwang2022]

• Laravel Version: 8.75
• PHP Version: 7.4
• Dcat Admin Version: 2.2.2-bata

Description:

modal 模态框异步加载,想再套一级modal 模态框异步加载, 没有成功, 找不到问题在哪里

Steps To Reproduce:

<?php
class PostController extends AdminController
{
    /**
     * Make a grid builder.
     *
     * @return Grid
     */
    protected function grid(): Grid
    {
        return Grid::make(new Post(), function (Grid $grid) {
            $grid->model()
                ->withCount(["comment as comment_count_use"])
                ->with('user')
                ->orderBy('created_at', 'desc');
            $grid->column('user')->display(function ($user) {
                return $user["name"]?:$user["email"];
            });
            $grid->column('comment_count_use',"评论数")->sortable()
                ->modal('主评论', function ($modal) {
                    $modal->xl();
                    return CommentTable::make(["post_id"=>$this->id]);   //  主要是这里加载,
                });
            });
        });
    }
}

第一级modal框代码

<?php
namespace App\Admin\Renderable;

use App\Models\Comment;
use Dcat\Admin\Grid;
use Dcat\Admin\Grid\LazyRenderable;

class CommentTable extends LazyRenderable
{
    public function grid(): Grid
    {
        return Grid::make(new Comment(), function (Grid $grid) {
            $grid->model()
                ->with('user')
                ->WithCount('comment_sub')
                ->where('post_id', $this->post_id)
                ->orderBy('created_at', 'desc');
            $grid->column('id', 'ID')->sortable();
            $grid->column('user')->display(function ($user) {
                return $user["name"]?:$user["email"];
            });
            $grid->column('comment_sub_count',"子评论数")->sortable()
                ->modal('子评论', function ($modal) {
                    $modal->icon('aa');
                    return CommentSubTable::make(["comment_id"=>$this->id]);    //  这里是modal模态框二级, 可以触发事件,没有显示
                   //有加载的动画, 感觉是事件触发了多个
                });

        });
    }

}

第二级modal框代码

<?php
namespace App\Admin\Renderable;

use App\Models\CommentSub;
use Dcat\Admin\Grid;
use Dcat\Admin\Grid\LazyRenderable;

class CommentSubTable extends LazyRenderable
{
    public function grid(): Grid
    {
        return Grid::make(new CommentSub(), function (Grid $grid) {
            $grid->model()
                ->with('from_user')
                ->with('to_user')

                ->where('comment_id', $this->comment_id)
                ->orderBy('created_at', 'desc');
            $grid->column('id', 'ID')->sortable();
            $grid->column('from_user')->display(function ($from_user) {
                return $from_user["name"]?:$from_user["email"];
            });
            $grid->column('to_user')->display(function ($to_user) {
                return $to_user["name"]?:$to_user["email"];
            });

            $grid->column('content');
            
        });
    }
}

打开 第一个 ajax的请示如图, 我点击第二级的模态框 好像也触发了第一级的模态框事件

在第一级modal中,点第二级modal中会触发三个事件

修改了一下图标, 有弹出内容了, 如图, 不过弹出后, 过个3秒左右后消失了