深度解析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