一张图解析FastAdmin中的表格列表的功能

本文详细解析了FastAdmin中表格列表的各项功能,包括菜单名称和描述的设置、TAB过滤选项卡的生成、通用搜索和快速搜索的配置方法,以及浏览模式、显示隐藏列和导出功能的使用技巧。

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


一张图解析FastAdmin中的表格列表的功能:

https://forum.fastadmin.net/thread/323

郭老师视频笔记整理之解析表格列表:

视频地址:

https://study.163.com/course/introduction/1006385075.htm

https://ke.qq.com/course/359412

1.菜单名称和描述

默认生成的CRUD是没有菜单名称和描述显示的,如果需要显示则可以按下面修改

  1. 修改权限管理->菜单规则->给对应菜单的添加上备注信息后即可显示,支持HTML
    1441611-20181217162506831-989199050.png
  2. _在线命令管理->添加->一键生成CRUD->强制覆盖模式->选择对应的表->立即执行.
    1441611-20181217162224383-282347785.png
  3. 一键删除缓存.
  4. 效果:
    1441611-20181217173800664-107989380.png

2.TAB过滤选项卡

在一键生成CRUD时,如果表中存在status字段(名字固定不变)且为ENUM类型,则会生成相应的TAB过滤选项卡,如果需要生成其它字段的过滤选项卡则可以在使用php think crud时使用--headingfilterfield=你的字段名称来指定字段

  1. 设置表字段时设置为ENUM类型,值为:'normal','hidden','show'
    1441611-20181217173115531-200458154.png
  2. 一键生成CRUD
  3. 后台就可以切换显示和隐藏了

    1441611-20181217173417916-780227631.png
  4. 添加后台显示的语言包为中文显示
    修改文件application/admin/lang/zh-cn.php
    添加'SHOW' => '我是一个show',
    显示效果:
    1441611-20181217174058454-1097376141.png
  5. 前台通过查询时的过滤条件去切换显示和隐藏

    1441611-20181217164123046-1457397260.png
    效果:
    1441611-20181217164337236-292477932.png

3.通用搜索

  • 通用搜索的启用始终显示

    修改下面文件public/assets/js/require-table.js
    commonSearch: true, //是否启用通用搜索 searchFormVisible: false, //是否始终显示搜索表单
    修改这两项配置通用搜索的启用始终显示

    效果
    1441611-20181217170839276-1503221820.png

  • 搜索的条件的各种配置
    修改下面文件夹中对应控制器的js文件public/assets/js/backend/*.js
    如控制器名为bbsdemo,则修改public/assets/js/backend/bbsdemo.js
    1441611-20181217180855040-1344147343.png
    效果:
    1441611-20181217180930364-1173763501.png

    各种配置按文件说明3.通用搜索里设置:

    文件说明地址:
    https://forum.fastadmin.net/thread/323

6.快速搜索

快速搜索在键入关键词时将实时从服务端搜索数据,如果你的数据表数据较大,建议关闭此功能.

关闭的方法:

修改public/assets/js/require-table.js是使用search:false,其次快速搜索默认只会搜索(这里是模糊搜索)主键id这个字.

效果:

1441611-20181218100847516-973353372.png

如果你需要搜索其它字段,则需要在服务端你模块对应的控制器中定义$searchFields这个值,如下:

application/admin/controller/Comment.php中添加

protected $searchFields = 'id,content,title';

1441611-20181218102436603-1916043842.png

这样在快速搜索时将会搜索id,content,title这三个字段。

效果:

1441611-20181218102325345-416225274.png

如果需要修改默认文本框的placeholder,可以在表格初始化前定义

$.fn.bootstrapTable.locales[Table.defaults.locale]['formatSearch'] = function(){return "自定义placeholder文本";};

7.浏览模式、显示隐藏列、导出、通用搜索

  1. 浏览模式(表格上方的切换按钮)可以切换卡片视图和表格视图两种模式:

    如果不需要此功能,可以设置public/assets/js/require-table.js里的showToggle: false

  2. 显示隐藏列可以快速切换字段列的显示和隐藏

    • 如果不需要此功能,可以设置showColumns: false.
    • 如果想要表格中的字段列默认隐藏可以设置字段属性visible: false即可默认隐藏.
  3. 导出按钮默认将导出整个表的所有行

    • 如果需要仅导出当前分页的数据,需要设置exportDataType:'basic',
    • 如果想导出选中的行,则可以设置为exportDataType: 'selected',
    • 如果不需要此功能,可以设置showExport: false
  4. 通用搜索指表格上方的搜索,通用搜索的表单默认是隐藏的.

    • 如果需要默认显示,需要设置searchFormVisible: true,
    • 如果不需要通用搜索功能,可以设置commonSearch: false。
    • 如果想要控制字段列不参考搜索则可以设置字段列属性为operate: false即可。

转载于:https://www.cnblogs.com/haima/p/10132249.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值