Fastadmin后台页面添加顶部按钮

简介: 操作的前提是需要在fastadmin框架中添加对应的控制器、模型、视图页面,可以手动创建,也可以使用curd一键生成。

一、实现效果

6f27b1e73a6a4d8d86f36868a11ed97f.png


二、具体操作流程

(1)操作的前提是需要在fastadmin框架中添加对应的控制器、模型、视图页面,可以手动创建,也可以使用curd一键生成。


(2)首先在视图页面index.html页面添加按钮的结构样式。


对应的目录如下

c2974a298c054101aa9a347f9d4e7fef.png

对应的结构样式如下:

6b4d55ff186f4f4ebad422ceecc62690.png

 代码是:

<a href="javascript:;" class="btn btn-success btn-export {:$auth->check('download/download/download')?'':'hide'}" title="{:__('Export')}" id="btn-export-file"><i class="fa fa-download"></i> {:__('批量下载')}</a>

(3)初始化表格参数

7f384d5dbed6407cae708bf1100d87ea.png

(4)为表格绑定事件并且指向控制器对应的方法

ebcd4c6e29ff4953a136d6bd5b2e3440.png

代码如下:

            $(document).on('click', '.btn-export', function () {
                var ids = Table.api.selectedids(table);
                console.log(ids);
                Layer.confirm(
                    "是否要下载选中",
                    {
                        title: "操作提示",
                        icon: 0,
                        btn: ["确认", "取消"],
                    },
                    function (index, layero) {
                        $.ajax({
                            method: "POST",
                            url: "download/download/download",
                            data: {
                                uid: 1
                            },
                            success(res) {
                                console.log(222);
                            },
                        });
                    },
                );
            });


这样就可以创建一个顶部按钮了。

欢迎留言区评论交流。

目录
相关文章
|
JavaScript
Fastadmin列表的多图预览(一行代码)
Fastadmin列表的多图预览(一行代码)
629 0
|
JavaScript
fastadmin表格列表内部自定义按钮
fastadmin表格列表内部自定义按钮
620 0
fastadmin表格列表内部自定义按钮
|
开发框架 数据库 数据安全/隐私保护
FastAdmin框架实现数据表的增删改查
FastAdmin框架实现数据表的增删改查
966 0
|
PHP 数据库
fastadmin框架如何查询数据表指定时间段内的数据
fastadmin框架如何查询数据表指定时间段内的数据
793 0
|
JavaScript 前端开发 数据库
让你少踩坑的fastadmin教程(3)
让你少踩坑的fastadmin教程
1728 0
让你少踩坑的fastadmin教程(3)
|
存储 关系型数据库 MySQL
ES的全文索引和MySQL的全文索引有什么区别?如何选择?
【8月更文挑战第26天】ES的全文索引和MySQL的全文索引有什么区别?如何选择?
1336 5
|
8月前
|
安全 开发工具 git
git分布式版本控制系统及在码云上创建项目并pull和push
通过本文的介绍,我们详细讲解了Git的基本概念和工作流程,并展示了如何在码云上创建项目及进行pull和push操作。Git作为一种分布式版本控制系统,为开发者提供了强大的工具来管理代码变更和协作开发。希望本文能帮助您更好地理解和使用Git及码云,提高开发效率和代码质量。
257 18
fastadmin实现导出Excel和导入Excel数据
fastadmin实现导出Excel和导入Excel数据
947 0
|
JavaScript
fastadmin框架中如何添加一个自定义按钮
使用fastadmin框架添加一个按钮并给按钮绑定相应的事件指向控制器中的方法,在fastadmin框架的二次开发中非常的常见,接下来本篇就来介绍一下创建按钮的具体流程。
2137 0
|
安全 前端开发
fastadmin自定义excel文件导入,实现文件上传功能 --已实现
fastadmin自定义excel文件导入,实现文件上传功能 --已实现
1996 0