Laravel Dcat 自定义工具栏实现导出excel功能的问题

问答 / 69 / 1 / 创建于 1个月前 / 更新于 1个月前

点击导出按钮后，一直有一个进度条在加载，不知道是什么问题

导出数据


class HomeController extends Controller
{
    public function exportPhoneTemplate(): BinaryFileResponse
    {
        return Excel::download(new ImportPhoneTempExport(), '会员导入模板.xlsx');
    }
}

自定义按钮

 $grid->tools(function (Grid\Tools $tools) {
      $tools->append('<a class="btn btn-primary fa fa-download" href="' . admin_url('/export-phone-template') . '">下载模板</a>');
 });

路由

$router->get('/export-phone-template', 'HomeController@exportPhoneTemplate');

数据模板

<?php

namespace App\Exports;

use App\Helpers\StrHelper;
use Illuminate\Support\Collection;
use Maatwebsite\Excel\Concerns\FromCollection;

class ImportPhoneTempExport implements FromCollection
{
    public function collection(): Collection
    {
        return collect([
            [StrHelper::generateRandomPhoneNumber()],
            [StrHelper::generateRandomPhoneNumber()],
        ]);
    }
}

laravel dcat maatwebsite

DaiChongWeb

36 声望

趁年轻多做一些有意义的事情...

《L02 从零构建论坛系统》

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

推荐文章：

更多推荐...

你好，InnoCMS：一个 Laravel 社区老员的开源建站之旅 34 / 53 |

PHP 中一次反射需要多长时间 26 / 8 |

Laravel 11 中文文档仓库，已翻译完成！！！ 18 / 29 |

dcat-admin多应用后台高效实现免密登陆其它后台 22 / 11 |

Laravel Validator与FormRequest用法汇总 34 / 14 |

PHP Annotated——2023 年 12 月 25 / 2 |

daichongweb

36 声望

最佳答案

换了一种实现方式：


 $grid->tools(function (Grid\Tools $tools) {
          $tools->append(new ExportPhoneTemplateButton());
 });

新增一个ExportPhoneTemplateButton类
use Dcat\Admin\Grid\Tools\AbstractTool;

class ExportPhoneTemplateButton extends AbstractTool
{
    public function render(): string
    {
        $url = admin_url('/tasks/download-phone-template');

        return <<<HTML
        <a class="btn btn-primary" id="export-phone-template" href="javascript:void(0);">
            <i class="feather icon-download"></i> 导出模板
        </a>
        <iframe id="download-iframe" style="display:none;"></iframe>
        <script>
            document.getElementById('export-phone-template').addEventListener('click', function() {
                // 显示加载动画
                Dcat.loading();

                // 创建一个隐藏的 iframe 来下载文件
                var iframe = document.getElementById('download-iframe');
                iframe.src = '$url';
                Dcat.loading(false);
            });
        </script>
HTML;
    }
}

1个月前评论

讨论数量: 1

daichongweb

36 声望

换了一种实现方式：


 $grid->tools(function (Grid\Tools $tools) {
          $tools->append(new ExportPhoneTemplateButton());
 });

新增一个ExportPhoneTemplateButton类
use Dcat\Admin\Grid\Tools\AbstractTool;

class ExportPhoneTemplateButton extends AbstractTool
{
    public function render(): string
    {
        $url = admin_url('/tasks/download-phone-template');

        return <<<HTML
        <a class="btn btn-primary" id="export-phone-template" href="javascript:void(0);">
            <i class="feather icon-download"></i> 导出模板
        </a>
        <iframe id="download-iframe" style="display:none;"></iframe>
        <script>
            document.getElementById('export-phone-template').addEventListener('click', function() {
                // 显示加载动画
                Dcat.loading();

                // 创建一个隐藏的 iframe 来下载文件
                var iframe = document.getElementById('download-iframe');
                iframe.src = '$url';
                Dcat.loading(false);
            });
        </script>
HTML;
    }
}

1个月前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助