文章目录
- fastadmin搜索刷新列表，怎么限制用户频繁点击？
- 解决方案
- fastadmin事件方法
- 实现
- 完结
fastadmin搜索刷新列表，怎么限制用户频繁点击？
fastadmin目前有个很致命的问题，就是用户可以频繁的点击搜索等按钮，频繁请求刷新页面，如果你的数据比较多，查询比较慢时，系统会卡住甚至崩溃。
这个问题全网都没找到答案，于是决定自己写一个
解决方案
我的解决方案是加防抖代码，等待列表响完成才能再次点击查询
fastadmin事件方法
那要怎么获取用户什么时候点击，和数据响应完成了呢？
还好fastadmin开放了很多事件方法，你想要的基本都能从这里找的
https://doc.fastadmin.net/doc/194.html
看看我们可能用的上的事件
onLoadSuccess远程数据加载成功时触发成功。onCommonSearch表格通用搜索提交前触发。onRefresh点击刷新按钮后触发。（实测其实点击通用搜索提交也会触发）
所以这里选择onRefresh和onLoadSuccess方法配合即可
实现
大致思路就是获取搜索提交按钮和刷新按钮，点击刷新或者搜索时禁用这两个按钮，等远程数据加载成功时再开启按钮
代码
onRefresh: function () {console.log("点击刷新按钮/通用搜索后触发。");var submitButton = $('button[type="submit"]');var refreshButton = $('.btn-refresh');// 添加 disabled 禁用按钮submitButton.prop('disabled', true);refreshButton.prop('disabled', true);
},
onLoadSuccess: function () {console.log("远程数据加载成功时触发成功。");var submitButton = $('button[type="submit"]');var refreshButton = $('.btn-refresh');// 取消 disabled 禁用按钮submitButton.prop('disabled', false);refreshButton.prop('disabled', false);
},
注意代码放置的位置
当然这里自己写一个监听，当表格数据加载完成时调用的方法也可以
//当表格数据加载完成时调用
table.on('load-success.bs.table', function (e,data){console.log("当表格数据加载完成时调用");
});
完结
赠人玫瑰，手有余香！如果文章内容对你有所帮助，请不要吝啬你的点赞评论和关注，你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法，也欢迎评论私信告诉我哦！
好了，我是向宇，https://xiangyu.blog.csdn.net
一位在小公司默默奋斗的开发者，闲暇之余，边学习边记录分享，站在巨人的肩膀上，通过学习前辈们的经验总是会给我很多帮助和启发！如果你遇到任何问题，也欢迎你评论私信或者加群找我， 虽然有些问题我也不一定会，但是我会查阅各方资料，争取给出最好的建议，希望可以帮助更多想学编程的人，共勉~
