当后台审核量过大时每页展示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需要刷新一次
效果图:当有选择是且批量在顶部被遮挡时,批量操作会出现在左下角
ip
zxc
qwe