Fastadmin后台页面添加顶部按钮

2023-08-28 257

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

一、实现效果

二、具体操作流程

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

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

对应的目录如下

对应的结构样式如下：

代码是：

<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）初始化表格参数

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

代码如下：

            $(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);
                            },
                        });
                    },
                );
            });

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

欢迎留言区评论交流。

Fastadmin后台页面添加顶部按钮

一、实现效果

二、具体操作流程