laravel-admin批量操作优化

当后台审核量过大时每页展示200条后,从上到下批量选中符合条件数据后,还需要返回顶部点击批量操作按钮才行,无形中增加审核人员的工作压力,于是对laravel-admin不影响的情况下添加了一个js样式, laravel-admin多选不需要返回顶部选择批量操作

如图下拉后需要在返回点击

解决方法:

public/laraveladmin/js/index.js

$(function () {
     $(window).scroll(function(event){
           console.log($(window).scrollTop());
           if($(window).scrollTop()>100){
               if($(".grid-select-all-btn").css('display')=="inline-block"){
                   $(".grid-select-all-btn").css('position','fixed');
                   $(".grid-select-all-btn").css('bottom','10px');
                   $(".grid-select-all-btn").find(".dropdown-menu").css('top',"auto");
                   $(".grid-select-all-btn").find(".dropdown-menu").css('bottom','100%');
               }
           }else{
               $(".grid-select-all-btn").css('position','relative');
               $(".grid-select-all-btn").css('bottom','');
               $(".grid-select-all-btn").find(".dropdown-menu").css('top',"100%");
               $(".grid-select-all-btn").find(".dropdown-menu").css('bottom','auto');
        }
    });

});

app/Admin/bootstrap.php(全局配置)

<?php
use Encore\Admin\Facades\Admin;

Encore\Admin\Form::forget(['map']);
Admin::js('/laraveladmin/js/index.js');

如果想配置单页 在单页控制器中grid()方法中加入

//引用
use Encore\Admin\Facades\Admin;

Admin::js('/laraveladmin/js/index.js');

如果在pjax下添加js使用以下方法

解决laravel-admin中pjax存在js需要刷新一次

效果图:当有选择是且批量在顶部被遮挡时,批量操作会出现在左下角

3 评论
内联反馈
查看所有评论