Fastadmin 关闭搜索框的autocomplete提示

原创已于 2022-05-11 10:06:10 修改 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

于 2022-05-11 10:04:03 首次发布

JS 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了如何在Fastadmin的列表页搜索框中关闭JavaScript渲染的autocomplete功能。提供了三种解决方案：1) 对每个字段单独设置extend属性；2) 初始化表格时使用通用function处理；3) 直接修改bootstrap-table-commonsearch.js核心文件。

Fastadmin列表页的搜索框，点击用户名，邮箱或者其他字段，会有以前填过的数据，如图所示：

其实做技术的都知道，关闭input标签的autocomplete的属性就行。但fastadmin的这个搜索框是js渲染出来的，到底在哪个地方设置呢？

教大家三种方法：

1.在字段上单独设置，增加extend:'autocompleate="off"

{field: 'api', title: __('接口'),extend:'autocomplete="off"'},

这种方法需要每个字段都设置，比价麻烦。

2. 在表格初始化的时候，设置一个通用的function来处理，代码如下：

            table.on('post-body.bs.table', function(e, settins, json,xhr){
                $("input[type='text']").each(function(){
                    $(this).attr('autocomplete', 'off');
                });
            });

代码放的位置如图：