FastAdmin自定义搜索，通用搜索失效

legender5431

已于 2023-04-03 13:37:52 修改

阅读量1.5k

点赞数 1

文章标签：前端

于 2023-03-20 13:40:52 首次发布

本文链接：https://blog.youkuaiyun.com/legender5431/article/details/129665630

版权

在FastAdmin中，当添加自定义搜索功能后，发现通用搜索功能失效。问题出在新版bootstrap-table-commonsearch.js文件的onCommonSearch方法没有正确处理查询参数。通过将新版代码修改为旧版代码的实现方式，即在onCommonSearch方法中合并查询参数，可以解决这个问题，使通用搜索重新生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

提示：这里描述项目中遇到的问题：

FastAdmin自定义搜索，通用搜索失效

在js中自定义搜索：

 $(document).on("click", ".btn-singlesearchone", function () {
            var options = table.bootstrapTable('getOptions');
            options.pageNumber = 1;
            options.queryParams = function (params) {
                return {
                    search: params.search,
                    sort: params.sort,
                    order: params.order,
                    offset: params.offset,
                    limit: params.limit,
                    filter: JSON.stringify({'getcs.orderstatus':'value2'}),
                    op: JSON.stringify({'getcs.orderstatus': 'like'}),
                };
            };
            table.bootstrapTable('refresh', {});
            Toastr.info("查询成功");
            return false;
        });

原因分析：

提示：这里填写问题的分析：

自定义搜索后，发现通用搜索失效了，发现是没有发送查询参数

解决方案：

提示：这里填写该问题的具体解决方案：

对比了两个版本的bootstrap-table-commonsearch.js文件（前面是新版，后面是旧版）：

新版：

BootstrapTable.prototype.onCommonSearch = function () {
      var searchQuery = getSearchQuery(this);
      this.trigger('common-search', this, searchQuery);
      this.options.pageNumber = 1;
      this.refresh({});
  };

改为旧版，问题解决：

 BootstrapTable.prototype.onCommonSearch = function () {
        var searchQuery = getSearchQuery(this);
        var params = getQueryParams(this.options.queryParams({}), searchQuery, true);
        this.trigger('common-search',this, params,searchQuery);
        this.options.pageNumber = 1;
        this.options.queryParams = function (options) {
            return $.extend({},options,params);
        };
        this.refresh({query: params});
    };