FastAdmin 列表多选后批量操作数据

需求如下图

html增加代码

html 复制代码
<a href="javascript:;" class="btn btn-info btn-charge  {:$auth->check('code/change')?'':'hide'}" title="{:__('批量转移')}" >{:__('批量转移')}</a>

对应的js文件增加以下代码:

javascript 复制代码
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'code/index' + location.search,
                    add_url: 'code/add',
                    edit_url: 'code/edit',
                    //增加
                    change_url: 'code/change',
                    del_url: 'code/del',
                    multi_url: 'code/multi',
                    import_url: 'code/import',
                    table: 'code',
                }
            });



            //Table.api.bindevent(table)前增加
            $(document).on("click", ".btn-charge", function () {
                var ids = Table.api.selectedids(table);//获取选中列的id
                if(ids.length==0){
                    layer.alert("最少选择一条记录操作");
                    return false;
                }
                Fast.api.open("code/change?code_ids="+ids.join(','), '批量转移',{area:['600px', '400px']});
            });
            // 为表格绑定事件
            Table.api.bindevent(table);


        edit: function () {
            Controller.api.bindevent();
        },
        //增加
        change: function () {
            Controller.api.bindevent();
        },
相关推荐
拉不动的猪15 分钟前
前端常见数组分析
前端·javascript·面试
雨声不在26 分钟前
debian切换用户
linux·服务器·debian
两点王爷29 分钟前
springboot项目文件上传到服务器本机,返回访问地址
java·服务器·spring boot·文件上传
小吕学编程32 分钟前
ES练习册
java·前端·elasticsearch
遇到我又惊又喜34 分钟前
佛山大旺高新区3650 M5 ERP服务器维修案例
运维·服务器
Asthenia041239 分钟前
Netty编解码器详解与实战
前端
袁煦丞44 分钟前
每天省2小时!这个网盘神器让我告别云存储混乱(附内网穿透神操作)
前端·程序员·远程工作
一个专注写代码的程序媛2 小时前
vue组件间通信
前端·javascript·vue.js
一笑code2 小时前
美团社招一面
前端·javascript·vue.js
2302_799525742 小时前
【Linux】第十二章 安装和更新软件包
linux·运维·服务器