Fastadmin复习

2021 年 09 月 08 日

37826 次浏览

4125字数

## fastadmin笔记
![](https://2smile.cn/usr/uploads/2021/09/523123476.png)

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

- 如果不需要通用搜索功能，可以设置 commonSearch: false
- 显示隐藏列可以快速切换字段列的显示和隐藏，如果不需要此功能，可以设置 showColumns: false
- 导出按钮默认将导出整个表的所有行，如果需要仅导出当前分页的数据，需要设置 exportDataType: 'basic'，如果想导出选中的行，则可以设置为exportDataType: 'selected'，如果不需要此功能，可以设置 showExport: false
- 浏览模式可以切换卡片视图和表格视图两种模式，如果不需要此功能，可以设置 showToggle: false
- 从FastAdmin 1.2.0版本开发已经支持固定列功能，我们可以将右侧最后一定固定住，当出现横向滚动条时让最后一列始终固定在可视窗口中，如果需要开启此功能，请在初始化表格时添加以下两个参数即可。
- 启用固定列 fixedColumns: true
- 固定右侧数为1 fixedRightNumber: 1

```shell
	commonSearch: true,
	showColumns: false,
	showExport: false,
	showToggle: false,
	//启用固定列
	fixedColumns: true,
	//固定右侧列数
	fixedRightNumber: 1,
	operate: false,
	search:false,
```

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

![](https://2smile.cn/usr/uploads/2021/09/849896619.png)

![](https://2smile.cn/usr/uploads/2021/09/3599484936.png)

- `Table.api.formatter.datetime` 快速时间戳数据渲染成日期时间数据

# 杂项
- view层选中状态

```php
{:build_select('group[]', $groupdata, $groupids, ['class'=>'form-control selectpicker', 'multiple'=>'', 'data-rule'=>'required'])}

```

# 表格

> 根据数据库状态改变显示

![](https://2smile.cn/usr/uploads/2021/09/2142594948.png)

```js
{field: 'operate', title: __('Operate'), table: table,buttons:[
                                {
                                    name: 'edit',
                                    title: '详情',
                                    text: '详情',
                                    classname: 'btn btn-xs btn-success btn-dialog',
                                    icon: 'fa fa-eye',
                                    url: 'auth/admin/edit',
                                },
                                {
                                    name: 'setHidden',
                                    text: function (row){
                                        if(row.status == 'hidden'){
                                            return '启用'
                                        }
                                        return '禁用'
                                    },
                                    title: function (row){
                                        if(row.status == 'hidden'){
                                            return '启用'
                                        }
                                        return '禁用' 
                                    },
                                    classname: 'btn btn-xs btn-success btn-ajax',
                                    icon: 'fa fa-magic',
                                    confirm: function (row){
                                        if(row.status == 'hidden'){
                                            return '确定启用吗?'
                                        }
                                        return '确定禁用吗?'
                                    } ,
                                    url:function (row){
                                        if(row.status == 'hidden'){
                                            return 'auth/admin/change?status=normal&ids='+row.id
                                        }
                                        return 'auth/admin/change?status=hidden&ids='+row.id
                                    },
                                    refresh: true
                                }
                            ],events: Table.api.events.operate, formatter: function (value,row,index){
                                var that = $.extend({},this);
                                var table = $(that.table).clone(true);
                                that.table = table;
                                return Table.api.formatter.operate.call(that,value,row,index)
                            }}
```

> 使用导航栏的导入功能必须要执行一下操作
- 开启当前模块下的js

```js

Table.api.init({
                extend: {
                    import_url: 'auth/admin/import',
                }
            });

```

- 开启当前模块下的index.html

```js

{:build_toolbar('import')}

```

Fastadmin复习