深度解析FastAdmin中的表格列表的功能-CSDN博客文章瀏覽閱讀25次。本文將FastAdmin框架的CRUD功能配置要點進行了系統梳理。官方文檔與開發經驗相結合,詳細介紹了菜單顯示、TAB過濾、通用搜索、工具欄按鈕、動態統計、快速搜索等17項功能的配置方法。包括字段渲染(圖片、開關、狀態等)、分頁控制、關聯查詢、按鈕權限管理等實用技巧,并提供了具體的參數設置示例。特別強調了通過JS配置字段、HTML視圖修改以及服務端控制器調整的三方協同操作方式,為開發者提供了一套完整的FastAdmin后臺管理功能配置指南。https://blog.csdn.net/wjx870901/article/details/148759995?spm=1011.2415.3001.5331
通用搜索默認沒有打開,需要點擊搜索按鈕才能打開
如何需要修改搜索的相關功能請找到對應生成的js文件如下:
public\assets\js\backend\test.js
通用搜索
通用搜索的的內容是根據bootstrap-table
配置的字段columns
決定的,渲染的內容及格式由FastAdmin自動進行渲染,如果需要禁用或刪除某一選項,可以在JS中配置operate:false
來刪除通用搜索中的選項。例如通常情況下我們的在JS中進行字段的配置如下:可根據下面的操作進行修改
FastAdmin表格搜索項精簡指南-CSDN博客文章瀏覽閱讀183次。本文詳細介紹如何在FastAdmin框架中精簡通用搜索功能。通過修改public\assets\js\backend目錄下的對應JS文件(如test.js),將表格列配置中operate參數設為false即可隱藏相應字段的搜索項。文中提供了具體示例代碼對比,展示了修改前后效果,并特別強調operate:false的寫法不需要引號。這種方法可以有效減少后臺管理界面中過多的搜索選項,提升用戶體驗。文章還指出需要JS配置、HTML視圖和服務端控制器的三方協同操作,為FastAdmin開發者提供了實用的功能優化方案https://blog.csdn.net/wjx870901/article/details/148768496?sharetype=blogdetail&sharerId=148768496&sharerefer=PC&sharesource=wjx870901&spm=1011.2480.3001.8118
這里默認是啟用的通用搜索,針對通用搜索,有以下幾個常用的配置:
operate:'=' //用于查詢時的操作符,默認為=,為false表示禁用此字段的通用搜索,支持!=、LIKE、NOT LIKE、>、<、>=<=、FIND_IN_SET、IN、NOT IN、BETWEEN、NOT BETWEEN、RANGE、NOT RANGE、NULL、NOT NULL、false
searchList: //用于渲染列表的數據,支持的格式有JSON Array、JSON Object、$.getJSON、Function
addclass: //用于給input或select添加額外的class屬性
type: //用于定義input文本框的類型,默認為text
data: //用于給input或select添加額外的屬性
renderDefault: //是否根據URL中的參數填充默認值,默認為`true`,支持的值有`false/true`
常用配置示例如下:
//時間區間搜索
{field: 'createtime', title: __('Createtime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
//金額區間搜索
{field: 'money', title: __('Money'), operate: 'RANGE'},
//下拉列表搜索
{field: 'flag', title: __('Flag'), searchList: {"hot": __('Flag hot'), "index": __('Flag index'), "recommend": __('Flag recommend')}, operate: 'FIND_IN_SET', formatter: Table.api.formatter.label},
//動態下拉列表搜索
{field: 'type', title: __('Type'), searchList: $.getJSON("ajax/dynamicselect")},
//禁用通用搜索
{field: 'keywords', title: __('Keywords'), operate: false},
復制
如果我們需要完全自定義我們的通用搜索欄,我們可以在配置bootstrap-table
時定義searchFormTemplate
選項來完全重寫我們的通用搜索欄,具體請參考開發示例插件
中的自定義搜索示例
如果希望默認顯示通用搜索,可以使用searchFormVisible: true
來強制顯示通用搜索。
請按照下面的文章進行操作
③-1實現 FastAdmin 默認開啟通用搜索功能的方法-CSDN博客文章瀏覽閱讀90次。摘要:FastAdmin可以通過修改JS配置文件實現頁面加載后自動觸發搜索功能。具體方法是在對應模塊的JS文件(如public/assets/js/backend/test.js)中,將表格配置參數searchFormVisible設為true。修改位置通常在public/assets/js/require-table.js文件中。修改后需清除瀏覽器緩存測試效果,注意該方法可能增加服務器負載,建議修改前備份原始文件。這個設置可以讓列表頁不用手動點擊就能自動執行搜索操作。https://blog.csdn.net/wjx870901/article/details/148763301?sharetype=blogdetail&sharerId=148763301&sharerefer=PC&sharesource=wjx870901&spm=1011.2480.3001.8118