FastAdmin文明随手拍插件后台显示隐藏表格列（字段）

FastAdmin文明随手拍插件，后台左侧“事件上报”菜单，需要隐藏表格中的某列（字段），效果如下：


实现方法：
默认字段的控制是根据控制器对应的JS来配置的，也就是打开 web根目录/public/assets/js/backend/keesuishoupai/report.js 文件。

查找并编辑如下代码：

1. {checkbox: true},
   
2. {field: 'id', title: __('Id')},
   
3. {field: 'user_id', title: __('User_id')},
   
4. {field: 'content', title: __('Content'),visible:false },
   
5. {field: 'labels', title: __('labels'), operate: 'LIKE'},
   
6. {field: 'level', title: __('Level'), operate: 'LIKE',visible:false},
   
7. {field: 'images', title: __('Images'), events: Table.api.events.image, formatter: Table.api.formatter.images},
   
8. {field: 'address', title: __('Address'), operate: 'LIKE',visible:false},
   
9. {field: 'reviewadmin.nickname', title: __('Reviewadmin.nickname'), operate: 'LIKE'},
   
10. {field: 'solveadmin.nickname', title: __('Solveadmin.nickname'), operate: 'LIKE'},
    
11. {field: 'user.nickname', title: __('User.nickname'), operate: 'LIKE',visible:false},
    
12. {field: 'isopen', title: __('Isopen'),searchList: {"0":__('Isopen 0'),"1":__('Isopen 1')},formatter: Table.api.formatter.toggle},
    
13. {field: 'status', title: __('Status'), searchList: {"-1":__('Status -1'),"0":__('Status 0'),"1":__('Status 1')},formatter: Table.api.formatter.status},

复制代码

如果想要表格中的字段（列）默认隐藏，可以设置对应字段属性为  visible: false  即可。

相关知识：
表头  字段配置
默认字段的控制是根据控制器对应的JS来配置的，因此字段配置是通过JS，而在我们的视图index.html中是没有任何字段配置的，通常我们的配置如下：

1. columns: [
   
2.     [
   
3.         {checkbox: true},
   
4.         {field: 'id', title: __('Id')},
   
5.         {field: 'admin_id', title: __('Admin_id')},
   
6.         {field: 'category.name', title: __('分类名称'), formatter:Table.api.formatter.search},
   
7.         {field: 'category_id', title: __('Category_id'), visible: false},
   
8.         {field: 'flag', title: __('Flag'), searchList: {"hot": __('Flag hot'), "index": __('Flag index'), "recommend": __('Flag recommend')}, operate: 'FIND_IN_SET', formatter: Table.api.formatter.label},
   
9.         {field: 'genderdata', title: __('Genderdata'), searchList: {"male": __('Genderdata male'), "female": __('Genderdata female')}, formatter: Table.api.formatter.normal},
   
10.         {field: 'title', title: __('Title')},
    
11.         {field: 'image', title: __('Image'), formatter: Table.api.formatter.image},
    
12.         {field: 'images', title: __('Images'), formatter: Table.api.formatter.images},
    
13.         {field: 'createtime', title: __('Createtime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
    
14.         {field: 'updatetime', title: __('Updatetime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime, visible: false},
    
15.         {field: 'weigh', title: __('Weigh'), operate: false, visible: false},
    
16.         {field: 'switch', title: __('Switch'), searchList: {"1": __('Yes'), "0": __('No')}, formatter: Table.api.formatter.toggle},
    
17.         {field: 'status', title: __('Status'), searchList: {"normal": __('Normal'), "hidden": __('Hidden')}, formatter: Table.api.formatter.status},
    
18.     ]
    
19. ]

复制代码

字段配置的参数有

1. checkbox:true, //是否为首列复选框
   
2. field:'name' //字段名称,如果启用了关联查询这里可以使用别名,比如:category.name,请注意服务端返回的字段一一对应，如果使用了一个不存在的字段，将不会渲染任何数据
   
3. title:'名称' //字段标题,显示于头部的标题
   
4. operate:'=' //通用搜索的操作符,详见上方通用搜索介绍
   
5. visible:false //字段是否可见，为false时将默认不可见
   
6. formatter:Table.api.formatter.search //格式化显示的内容,FastAdmin内部定义了许多通用的格式化方法
   
7. events: //定义元素响应的事件
   
8. searchList: //定义通用搜索下拉列表的数据
   
9. addclass: //通用搜索文本框或下拉列表的额外class
   
10. type: //通用搜索文本框的类型
    
11. data: //通用搜索文本框或下拉列表的额外属性

复制代码

FastAdmin封装了许多常用的formatter方法，我们可以快速的调用即可。

1. > `Table.api.formatter.icon` 快速将字段渲染成一个按钮，仅支持Fontawesome按钮
   
2. > `Table.api.formatter.image` 快速将字段渲染成图片展示的形式
   
3. > `Table.api.formatter.images` 快速将字段渲染成多图片展示的形式,字段数据请以`,`进行分隔
   
4. > `Table.api.formatter.status` 快速将字段渲染成状态，默认`normal/hidden/deleted/locked`这四个状态
   
5. > `Table.api.formatter.url` 快速将字段渲染成URL框
   
6. > `Table.api.formatter.search` 快速将字段渲染成可搜索的链接，点击后将执行搜索
   
7. > `Table.api.formatter.addtabs` 快速将字段渲染成可添加到选项卡的链接，点击后将把链接添加到选项卡
   
8. > `Table.api.formatter.flag` 快速将字段渲染成标志，仅支持`index/hot/recommend/new`这四种标志
   
9. > `Table.api.formatter.label` 快速将字段渲染Label标签
   
10. > `Table.api.formatter.datetime` 快速时间戳数据渲染成日期时间数据
    
11. > `Table.api.formatter.operate` 操作栏固定按钮
    
12. > `Table.api.formatter.buttons` 快速生成多个按钮
    
13. > `Table.api.formatter.toggle` 快速生成切换按钮

复制代码

http://www.admin365.cn/thread-46219-1-1.html  一张图解析FastAdmin一键生成CRUD表格列表的功能(1)