FastAdmin按钮代码

已于 2024-03-06 23:30:57 修改
阅读量201 收藏
点赞数 3
分类专栏： fastadmin 文章标签： javascript
于 2024-03-06 22:19:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iloveallcode/article/details/136519639
版权 
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'test/index' + location.search,
                    add_url: 'test/add',
                    edit_url: 'test/edit',
                    del_url: 'test/del',
                    multi_url: 'test/multi',
                    import_url: 'test/import',
                    table: 'test',
                }
            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'weigh',
                fixedColumns: true,
                fixedRightNumber: 1,
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {field: 'user_id', title: __('User_id'),extend:'data-myz:"xxx"',style:'display:none'},
                        {field: 'admin_id', title: __('Admin_id'),formatter:function(a,b,c) {
                                console.log('a,b,c: ', a,b,c);
                                return a+'--'+'<button class="btn btn-xs btn-info" onclick="console.log('+c+');return false;">点击</button>'
                            }},
                        {field: 'category_id', title: __('Category_id')},
                        {field: 'category_ids', title: __('Category_ids'), operate: 'LIKE'},
                        {field: 'tags', title: __('Tags'), operate: 'LIKE', formatter: Table.api.formatter.flag},
                        {field: 'week', title: __('Week'), searchList: {"monday":__('Week monday'),"tuesday":__('Week tuesday'),"wednesday":__('Week wednesday')}, formatter: Table.api.formatter.normal},
                        {field: 'flag', title: __('Flag'), searchList: {"hot":__('Flag hot'),"index":__('Flag index'),"recommend":__('Flag recommend')}, operate:'FIND_IN_SET', formatter: Table.api.formatter.label},
                        {field: 'genderdata', title: __('Genderdata'), searchList: {"male":__('Genderdata male'),"female":__('Genderdata female')}, formatter: Table.api.formatter.normal},
                        {field: 'hobbydata', title: __('Hobbydata'), searchList: {"music":__('Hobbydata music'),"reading":__('Hobbydata reading'),"swimming":__('Hobbydata swimming')}, operate:'FIND_IN_SET', formatter: Table.api.formatter.label},
                        {field: 'title', title: __('Title'), operate: 'LIKE'},
                        {field: 'image', title: __('Image'), operate: false, events: Table.api.events.image, formatter: Table.api.formatter.image},
                        {field: 'images', title: __('Images'), operate: false, events: Table.api.events.image, formatter: Table.api.formatter.images},
                        {field: 'attachfile', title: __('Attachfile'), operate: false, formatter: Table.api.formatter.file},
                        {field: 'keywords', title: __('Keywords'), operate: 'LIKE', table: table, class: 'autocontent', formatter: Table.api.formatter.content},
                        {field: 'description', title: __('Description'), operate: 'LIKE', table: table, class: 'autocontent', formatter: Table.api.formatter.content},
                        {field: 'city', title: __('City'), operate: 'LIKE'},
                        {field: 'price', title: __('Price'), operate:'BETWEEN'},
                        {field: 'views', title: __('Views')},
                        {field: 'workrange', title: __('Workrange'), operate: 'LIKE'},
                        {field: 'startdate', title: __('Startdate'), operate:'RANGE', addclass:'datetimerange', autocomplete:false},
                        {field: 'activitytime', title: __('Activitytime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false},
                        {field: 'year', title: __('Year')},
                        {field: 'times', title: __('Times')},
                        {field: 'refreshtime', title: __('Refreshtime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
                        {field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
                        {field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
                        {field: 'weigh', title: __('Weigh'), operate: false},
                        {field: 'switch', title: __('Switch'), searchList: {"1":__('Yes'),"0":__('No')}, table: table, formatter: Table.api.formatter.toggle},
                        {field: 'status', title: __('Status'), searchList: {"normal":__('Normal'),"hidden":__('Hidden')}, formatter: Table.api.formatter.status},
                        {field: 'state', title: __('State'), searchList: {"0":__('State 0'),"1":__('State 1'),"2":__('State 2')}, formatter: Table.api.formatter.normal},
                        {field: 'admin.username', title: __('Admin.username'), operate: 'LIKE'},
                        {field: 'admin.nickname', title: __('Admin.nickname'), operate: 'LIKE'},
                        {field: 'admin.email', title: __('Admin.email'), operate: 'LIKE'},

                        {
                            field: 'buttons',
                            width: "120px",
                            title: '按钮组',
                            table: table,
                            events: Table.api.events.operate,
                            buttons: [  {
                                name: 'detail',
                                text: __('弹出窗口打开'),
                                title: __('弹出窗口打开'),
                                classname: 'btn btn-xs btn-primary btn-dialog',
                                icon: 'fa fa-list',
                                url: 'test/demo1?ccc={admin.email}',
                                callback: function (data) {
                                    Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
                                },
                                visible: function (row) {
                                    //返回true时按钮显示,返回false隐藏
                                    return true;
                                }
                            },  {
                                name: 'ajax',
                                text: __('发送Ajax'),
                                title: __('发送Ajax'),
                                classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                                icon: 'fa fa-magic',
                                url: 'example/bootstraptable/detail',
                                confirm: '确认发送',
                                success: function (data, ret) {
                                    Layer.alert(ret.msg + ",返回数据：" + JSON.stringify(data));
                                    //如果需要阻止成功提示，则必须使用return false;
                                    //return false;
                                },
                                error: function (data, ret) {
                                    console.log(data, ret);
                                    Layer.alert(ret.msg);
                                    return false;
                                }
                            },  {
                                name: 'addtabs',
                                text: __('新选项卡中打开'),
                                title: __('新选项卡中打开'),
                                dropdown:__('更多1'),
                                classname: 'btn btn-xs btn-warning btn-addtabs',
                                icon: 'fa fa-folder-o',
                                url: 'example/bootstraptable/detail'
                            },{
                                name: 'shield',
                                text:  __('完成'),
                                title: __('完成'),
                                dropdown:__('更多1'),// 感觉想是分组
                                icon: 'fa fa-check-circle fa-fw',
                                classname: 'btn btn-xs btn-success btn-click',
                                click:function(e,s) {
                                    console.log('********************************'+JSON.stringify(s));
                                    layer.prompt({title:"填写奖金数值"},function(val, index){
                                        if(!val || val ==0 ){
                                            layer.msg("请先填写正确的奖金数值！");
                                            return;
                                        }
                                        if (isNaN(val)) {
                                            layer.msg("请输入数字！");
                                            return;
                                        }
                                        $.ajax({
                                            type: "post",
                                            url: "test/demo1?ccc={admin}",
                                            data: {
                                                ids:s.id,
                                                bonus:val
                                            },
                                            dataType: "json",
                                            success: function (response) {
                                                if(response.code == 2){
                                                    layer.msg(response.msg)
                                                }
                                                else{

                                                    layer.close(index);
                                                    table.bootstrapTable('refresh');
                                                }
                                            },
                                            error: function (data,err) {
                                                layer.close(index);
                                                table.bootstrapTable('refresh');

                                            }
                                        });

                                    });
                                    return false
                                },
                                refresh: true,
                                visible: function (row) {
                                    //返回true时按钮显示,返回false隐藏
                                    // console.log(row)
                                    //return !row.status;
                                    return true;
                                }
                            }

                            ],
                            formatter: Table.api.formatter.buttons
                        },
                        {field: 'admin.mobile', title: __('Admin.mobile'), operate: 'LIKE'},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        recyclebin: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    'dragsort_url': ''
                }
            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: 'test/recyclebin' + location.search,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {field: 'title', title: __('Title'), align: 'left'},
                        {
                            field: 'deletetime',
                            title: __('Deletetime'),
                            operate: 'RANGE',
                            addclass: 'datetimerange',
                            formatter: Table.api.formatter.datetime
                        },
                        {
                            field: 'operate',
                            width: '140px',
                            title: __('Operate'),
                            table: table,
                            events: Table.api.events.operate,
                            buttons: [
                                {
                                    name: 'Restore',
                                    text: __('Restore'),
                                    classname: 'btn btn-xs btn-info btn-ajax btn-restoreit',
                                    icon: 'fa fa-rotate-left',
                                    url: 'test/restore',
                                    refresh: true
                                },
                                {
                                    name: 'Destroy',
                                    text: __('Destroy'),
                                    classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit',
                                    icon: 'fa fa-times',
                                    url: 'test/destroy',
                                    refresh: true
                                }
                            ],
                            formatter: Table.api.formatter.operate
                        }
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },

        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});

iloveallcode
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
fastadmin例子
hanzhuhuaa的博客
06-03 406
user.php 需要显示的tongji.html 在FastAdmin中的日期时间组件采用的是Bootstrap-datetimepicker插件 我们在使用时可以为文本框添加一个class为datetimepicker的值即可自动添加日期时间选择框。 user.js 绑定事件,回调显示页面内容 自定义操作按钮ajax处理 自定义表格头部按钮 index.html加入按钮 js中加入点击事件 resource.php 离店按钮点击弹出提示 fastadmin 使用token 数据权限(各管理
Fastadmin后台增加图标字段的选择功能
最新发布
知码客
06-12 551
最近在开发一个新的项目车辆救援小程序用Fastadmin开发的，用户要实现菜单自定义图标展示，其实很简单，因为后台都有现成的但是也有不会的所以就趁此机会写一篇使用方法，一是为了增强记忆，二是能帮助初次接触的开发者何乐而不为。然后还要增加一个图标搜索的模板文件这个文件随便放一般放在和使用该功能的同级目录在文件下创建例如。至此我们已经完成了相关的设定了，多多学习多多实践会很容易上手的。文件对应的方法实现点击搜索图标展示出来所有的图标。我们需要在文件中引入一下，代码如下。文件中增加如下的代码。
fastadmin中自定义按钮
围巾的ACM博客
01-22 9503
fastadmin是基于thinkphp的后台开发框架，由于是第一次用，很多东西都是盲人摸象啊，官方文档又少，所以记录一下一些自己摸索了一些时间的操作 需求：用过的都知道，左边的添加，编辑等按钮是框架自动给我们生成好的，然后现在我想在这里增加一个“设备注册”的按钮，该怎么实现呢 由于这个按钮是我们自己添加的，所以我们要给它写一个事件 //设备注册
fastadmin添加自定义button按钮
qq_37592047的博客
11-19 6615
fastadmin添加自定义按钮 1、首先在初始化表格参数配置中添加URL，添加所需要的按钮地址 2、然后再初始化表格中，这这个位置中添加按钮事件 {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, buttons:[ {
fastadmin隐藏自定义按钮
s1095622320的博客
07-07 786
buttons: [ { name: 'ajax', text: __('审核通过'), title: __('审核通过'), classname: 'btn.
fastadmin图标库
qq_68862343的博客
05-12 563
fastadmin图标库
fastadmin、vue、react图标库适用于多种框架
smallmww的博客
08-07 1188
fastadmin、vue、react图标库适用于多种框架
fastadmin 后台 bootstrap样式库 样式替换文件
06-16
FastAdmin的界面设计很大程度上依赖于Bootstrap的CSS和JavaScript组件，这些组件包括网格系统、导航、按钮、表单、模态框、下拉菜单等，提供了丰富的样式和交互效果。然而，在实际项目中，我们可能需要根据品牌需求...
fastadmin editable行内编辑
09-03
实现这样的功能，开发者需要在FastAdmin的后台模型和控制器中编写处理编辑请求的代码，确保接收到前端发送的修改数据，并验证、保存到数据库。同时，在前端模板中，需要使用editable插件或者框架内置的JS函数来处理...
回车直接实现点击某按钮的效果即触发单击事件
12-09
代码如下: //回车触发某按钮的单击事件 <input name=”” type=”text” class=”input_search fl” id=”searchkey” onkeydown=”globelQuery(event);”/> ”search_but xss=removed id=”globelSearch”>...
实现导航按钮添加数字角标
04-03
如果你选择手动导入，确保你下载了名为`UIBarButtonItem-Badge-master`的压缩包，并将里面的源代码文件拖入到你的Xcode项目中。 在Xcode 5.0及更高版本中，此库兼容iOS 7.0以上的系统。这意味着它可以用于广泛的...
struts2中一个表单中提交多个请求的例子（多个提交按钮）
10-26
总结来说，Struts2通过请求参数名的特殊格式以及Action类中的方法来处理一个表单中的多个提交按钮，这种方法简化了代码，提高了代码复用性，并使应用程序逻辑更加清晰。开发者只需要在Action类中定义相应的处理方法...
fastadmin 后台的换ico
搬砖中
09-10 915
fastadmin 后台的ico 换的话在favicon.ico在network里边看一下路径在哪里，一般都是在public或者public下某个目录下，将其替换覆盖，不生效的话可以ctrl+f5刷新一下，这样就可以换掉了
fastadmin总结
m0_47165403的博客
10-19 5491
html 代码" class="btn btn-success btn-disabled disabled btn-opera " title="" > 一键操作js代码Layer.confirm( __('确定一键操作?//关闭刷新} );});
fastadmin 表格 自定义按钮 事件 自定义样式 自定义事件 一张图解析FastAdmin中的表格列表的功能
天涯一滴水
08-06 2642
其实 一张图解析FastAdmin中的表格列表的功能对Fastadmin的表格事件说的是相当清楚了，但有些细节还没写出来，今天据说的是就是自定义按钮的自定义事件。 您可以参考这里的方法：fastadmin列表按钮自定义样式与自定义事件，但我想你更希望的是用fastadmin提供的原生方法，下面给您展示： {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.
fastadmin 文本框修改为图片或文件上传
zyh2468的博客
08-26 939
add.html:多图片上传 <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('字段名')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input i
fastadmin单独控制编辑、删除按钮的展示和隐藏
大华的程序人生
04-23 509
fastadmin单独控制编辑、删除按钮的展示和隐藏
fastadmin笔记----fastadmin弹出窗口标题设置
魍魉
12-04 814
首先需要注意的是 buttons 中的 classname 这个参数btn-detail 标题btn-dialog 弹出层btn-click 点击事件而我先前用的是前面的那两个，并未用btn-click 这个属性。buttons 会优先使用 btn-detail 和 btn-dialog。如果要使用 btn-click 就得先 删掉前面那两个。否则会像我一样，提示控制器不存在。text: __('添加状态'),title: this.mc_name+' - 查看',},{
fastadmin导出图片代码
05-20
FastAdmin可以通过使用AdminLTE模板的基础上，集成了Bootstrap Image Gallery插件来实现图片管理的功能，同时也提供了导出图片的功能。具体操作步骤如下： 1. 在FastAdmin后台管理系统中，进入到需要导出图片的模块...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值