深度解析FastAdmin中的表格列表的功能-CSDN博客文章瀏覽閱讀25次。本文將FastAdmin框架的CRUD功能配置要點(diǎn)進(jìn)行了系統(tǒng)梳理。官方文檔與開發(fā)經(jīng)驗(yàn)相結(jié)合，詳細(xì)介紹了菜單顯示、TAB過濾、通用搜索、工具欄按鈕、動(dòng)態(tài)統(tǒng)計(jì)、快速搜索等17項(xiàng)功能的配置方法。包括字段渲染（圖片、開關(guān)、狀態(tài)等）、分頁控制、關(guān)聯(lián)查詢、按鈕權(quán)限管理等實(shí)用技巧，并提供了具體的參數(shù)設(shè)置示例。特別強(qiáng)調(diào)了通過JS配置字段、HTML視圖修改以及服務(wù)端控制器調(diào)整的三方協(xié)同操作方式，為開發(fā)者提供了一套完整的FastAdmin后臺(tái)管理功能配置指南。https://blog.csdn.net/wjx870901/article/details/148759995?spm=1011.2415.3001.5331

實(shí)現(xiàn) FastAdmin 默認(rèn)開啟通用搜索功能的方法

FastAdmin 的通用搜索默認(rèn)需要點(diǎn)擊搜索按鈕觸發(fā)查詢，以下方法可以修改為頁面加載后自動(dòng)觸發(fā)搜索：

找到對應(yīng)模塊的前臺(tái)對應(yīng)的js文件如：

public\assets\js\backend\test.js

在table.bootstrapTable配置里面添加

searchFormVisible: true, //是否始終顯示搜索表單

默認(rèn)配置文件在public\assets\js\require-table.js 里面，里面的設(shè)置為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}]]});

配置后就每次會(huì)自動(dòng)打開通用搜索

注意事項(xiàng)

• 修改前建議備份原始文件
• 清除瀏覽器緩存后測試效果
• 某些特殊列表可能需要額外處理搜索條件
• 自動(dòng)搜索可能會(huì)增加服務(wù)器負(fù)載

以上方法可以實(shí)現(xiàn) FastAdmin 列表頁加載后自動(dòng)執(zhí)行搜索操作，無需手動(dòng)點(diǎn)擊搜索按鈕。