当前位置：首页 > news >正文

③-1实现 FastAdmin 默认开启通用搜索功能的方法

news 来源：原创 2025/6/20 11:37:31

深度解析FastAdmin中的表格列表的功能-CSDN博客文章浏览阅读25次。本文将FastAdmin框架的CRUD功能配置要点进行了系统梳理。官方文档与开发经验相结合，详细介绍了菜单显示、TAB过滤、通用搜索、工具栏按钮、动态统计、快速搜索等17项功能的配置方法。包括字段渲染（图片、开关、状态等）、分页控制、关联查询、按钮权限管理等实用技巧，并提供了具体的参数设置示例。特别强调了通过JS配置字段、HTML视图修改以及服务端控制器调整的三方协同操作方式，为开发者提供了一套完整的FastAdmin后台管理功能配置指南。https://blog.csdn.net/wjx870901/article/details/148759995?spm=1011.2415.3001.5331

实现 FastAdmin 默认开启通用搜索功能的方法

FastAdmin 的通用搜索默认需要点击搜索按钮触发查询，以下方法可以修改为页面加载后自动触发搜索：

找到对应模块的前台对应的js文件如：

public\assets\js\backend\test.js

在table.bootstrapTable配置里面添加

searchFormVisible: true, //是否始终显示搜索表单

默认配置文件在public\assets\js\require-table.js 里面，里面的设置为flase

 var table = $("#table");// 初始化表格table.bootstrapTable({url: $.fn.bootstrapTable.defaults.extend.index_url,pk: 'id',sortName: 'weigh',searchFormVisible: true, //是否始终显示搜索表单fixedColumns: true,fixedRightNumber: 1,columns: [[{checkbox: true},{field: 'id', title: __('Id')},{field: 'user_id', title: __('User_id')},{field: 'admin_id', title: __('Admin_id')},{field: 'category_id', title: __('Category_id')},{field: 'category_ids', title: __('Category_ids'), operate: 'LIKE'},{field: 'tags', title: __('Tags'), operate: 'LIKE', formatter: Table.api.formatter.flag},{field: 'week', title: __('Week'), searchList: {"monday":__('Week monday'),"tuesday":__('Week tuesday'),"wednesday":__('Week wednesday')}, formatter: Table.api.formatter.normal},{field: 'flag', title: __('Flag'), searchList: {"hot":__('Flag hot'),"index":__('Flag index'),"recommend":__('Flag recommend')}, operate:'FIND_IN_SET', formatter: Table.api.formatter.label},{field: 'genderdata', title: __('Genderdata'), searchList: {"male":__('Genderdata male'),"female":__('Genderdata female')}, formatter: Table.api.formatter.normal},{field: 'hobbydata', title: __('Hobbydata'), searchList: {"music":__('Hobbydata music'),"reading":__('Hobbydata reading'),"swimming":__('Hobbydata swimming')}, operate:'FIND_IN_SET', formatter: Table.api.formatter.label},{field: 'title', title: __('Title'), operate: 'LIKE'},{field: 'image', title: __('Image'), operate: false, events: Table.api.events.image, formatter: Table.api.formatter.image},{field: 'images', title: __('Images'), operate: false, events: Table.api.events.image, formatter: Table.api.formatter.images},{field: 'attachfile', title: __('Attachfile'), operate: false, formatter: Table.api.formatter.file},{field: 'keywords', title: __('Keywords'), operate: 'LIKE', table: table, class: 'autocontent', formatter: Table.api.formatter.content},{field: 'description', title: __('Description'), operate: 'LIKE', table: table, class: 'autocontent', formatter: Table.api.formatter.content},{field: 'city', title: __('City'), operate: 'LIKE'},{field: 'price', title: __('Price'), operate:'BETWEEN'},{field: 'views', title: __('Views')},{field: 'workrange', title: __('Workrange'), operate: 'LIKE'},{field: 'startdate', title: __('Startdate'), operate:'RANGE', addclass:'datetimerange', autocomplete:false},{field: 'activitytime', title: __('Activitytime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false},{field: 'year', title: __('Year')},{field: 'times', title: __('Times')},{field: 'refreshtime', title: __('Refreshtime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},{field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},{field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},{field: 'weigh', title: __('Weigh'), operate: false},{field: 'switch', title: __('Switch'), searchList: {"1":__('Yes'),"0":__('No')}, table: table, formatter: Table.api.formatter.toggle},{field: 'status', title: __('Status'), searchList: {"0":__('Status 0'),"1":__('Status 1'),"2":__('Status 2')}, formatter: Table.api.formatter.status},{field: 'state', title: __('State'), searchList: {"0":__('State 0'),"1":__('State 1'),"2":__('State 2')}, formatter: Table.api.formatter.normal},{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}]]});