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();
        },
相关推荐
Jedi Hongbin23 分钟前
Three.js NodeMaterial 节点材质系统文档
前端·javascript·three.js·nodematerial
前端小马34 分钟前
前后端Long类型ID精度丢失问题
java·前端·javascript·后端
用户14567756103742 分钟前
干净的图片批量处理,处理速度飞快
前端
用户1456775610371 小时前
亲测好用!简单实用的图片尺寸调整工具
前端
索西引擎1 小时前
npm、yarn、pnpm
前端·npm·node.js
爱奥尼欧1 小时前
【Linux】网络部分——Socket编程 UDP实现网络云服务器与本地虚拟机的基本通信
linux·服务器·网络
天生我材必有用_吴用2 小时前
Vue3 + VitePress 搭建组件库文档平台(结合 Element Plus 与 Arco Design Vue)—— 超详细图文教程
前端
liu****2 小时前
基于websocket的多用户网页五子棋(九)
服务器·网络·数据库·c++·websocket·网络协议·个人开发
liu****2 小时前
基于websocket的多用户网页五子棋(八)
服务器·前端·javascript·数据库·c++·websocket·个人开发
San302 小时前
深入理解 JavaScript 函数:从基础到高阶应用
前端·javascript·node.js