{"id":1221,"date":"2023-03-18T09:08:27","date_gmt":"2023-03-18T01:08:27","guid":{"rendered":"https:\/\/www.appblog.cn\/?p=1221"},"modified":"2023-04-29T09:37:33","modified_gmt":"2023-04-29T01:37:33","slug":"expandrow-design-for-expanding-grid-rows-in-laravel-admin-model-table","status":"publish","type":"post","link":"https:\/\/www.appblog.cn\/index.php\/2023\/03\/18\/expandrow-design-for-expanding-grid-rows-in-laravel-admin-model-table\/","title":{"rendered":"laravel-admin\u6a21\u578b\u8868\u683cGrid\u884c\u5c55\u5f00ExpandRow\u8bbe\u8ba1"},"content":{"rendered":"

\u81ea\u5b9a\u4e49ExpandRow<\/h2>\n

app\/Exceptions\/Column\/ExpandRow.php<\/p>\n

<\/p>\n

<?php\nnamespace App\\Exceptions\\Column;\n\nuse Encore\\Admin\\Admin;\nuse Encore\\Admin\\Grid\\Displayers\\AbstractDisplayer;\n\nclass ExpandRow extends AbstractDisplayer\n{\n\n    public function display(\\Closure $callback = null, $btn = '', $col_key = '')\n    {\n        $callback = $callback->bindTo($this->row);\n\n        $html = call_user_func($callback);\n\n        $script = <<<EOT\n\n$('.grid-expand-$col_key').on('click', function () {\n    if ($(this).data('inserted') == '0') {\n        var key = $(this).data('key');\n        var row = $(this).closest('tr');\n        var html = $('template.grid-expand-'+key).html();\n\n        row.after("<tr><td colspan='"+row.find('td').length+"' style='padding:0 !important; border:0px;'>"+html+"<\/td><\/tr>");\n\n        $(this).data('inserted', 1);\n    }\n\n    $("i", this).toggleClass("fa-caret-right fa-caret-down");\n});\nEOT;\n        Admin::script($script);\n\n        $btn = $btn ?: $this->column->getName();\n\n        $key = $col_key . $this->getKey();\n\n        return <<<EOT\n<a class="btn btn-xs btn-default grid-expand-$col_key" data-inserted="0" data-key="{$key}" data-toggle="collapse" data-target="#grid-collapse-{$key}">\n    <i class="fa fa-caret-right"><\/i> $btn\n<\/a>\n<template class="grid-expand-{$key}">\n    <div id="grid-collapse-{$key}" class="collapse">$html<\/div>\n<\/template>\nEOT;\n    }\n\n}<\/code><\/pre>\n
bootstrap\u6ce8\u518c<\/h2>\n
Admin\/bootstrap.php<\/p>\n
use App\\Exceptions\\Column\\ExpandRow;\nuse Encore\\Admin\\Grid\\Column;\n\nColumn::extend('expand', ExpandRow::class);<\/code><\/pre>\n
Grid\u4e2d\u4f7f\u7528<\/h2>\n
$grid->column('version_id', "\u7248\u672c\u4fe1\u606f")->expand(function () {\n    \/\/$app_version = AppVersion::where('id', $this->version_id)->get(['version_code', 'version_name', 'update_desc', 'bundle_desc'])->first();\n    $app_version = $this->version;\n    $version_array = array('\u7248\u672c\u53f7'=>$app_version->version_code, '\u7248\u672c\u540d\u79f0'=>$app_version->version_name, '\u66f4\u65b0\u5185\u5bb9'=>$app_version->update_desc, '\u66f4\u65b0\u65f6\u95f4'=>$app_version->update_time);\n    $rows = array_only($version_array, ['\u7248\u672c\u53f7', '\u7248\u672c\u540d\u79f0', '\u66f4\u65b0\u5185\u5bb9', '\u66f4\u65b0\u65f6\u95f4']);\n    return new Table([], $rows);\n}, '\u7248\u672c\u4fe1\u606f', 'version_id');\n\n$grid->column('file', "\u6587\u4ef6\u4fe1\u606f")->expand(function () {\n    $file_array = array('\u6587\u4ef6\u8def\u5f84'=>$this->file_path, 'Size'=>$this->size, 'Md5'=>$this->md5, 'Sha1'=>$this->sha1);\n    $rows = array_only($file_array, ['\u6587\u4ef6\u8def\u5f84', 'Size', 'Md5', 'Sha1']);\n    return new Table([], $rows);\n}, '\u6587\u4ef6\u4fe1\u606f', 'file');<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u81ea\u5b9a\u4e49ExpandRow app\/Exceptions\/Column\/ExpandRow.php <?p […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[75],"class_list":["post-1221","post","type-post","status-publish","format-standard","hentry","category-laravel","tag-laravel-admin"],"_links":{"self":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1221"}],"version-history":[{"count":0,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1221\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}