fastadmin 表格添加按钮_米醋屋个人技术博客

最近接触fastadmin，其中，表格添加按钮相信是很多人需要用到的，这里简单做一下案例展示，后续大家自己研究。

### 截图展示
[![](https://micuu.com/data/upload/20210729/610207d973a4e.png)](https://micuu.com/data/upload/20210729/610207d973a4e.png)

### 代码实例
```
columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: '序号'},
                        {field: 'type', title: '评分类型'},
                        {field: 'start', title: __('Start')},
                        {field: 'title', title: '评语'},
                        {field: 'tag', title: '标签'},
                        {
                            field: 'operate', title: __('Operate'), table: table,
                            buttons: [
                                {
                                    name: 'detail',
                                    text: '测试按钮',
                                    icon: '',
                                    classname: 'btn btn-xs btn-primary btn-dialog',
                                    url: 'video/auth'
                                }
                            ],
                            events: Table.api.events.operate, formatter: Table.api.formatter.buttons
                        },
                        {field: 'username', title: '最后修改人'},
                        {
                            field: 'update_time',
                            title: '最后修改时间',
                            operate: 'RANGE',
                            addclass: 'datetimerange',
                            autocomplete: false,
                            formatter: Table.api.formatter.datetime
                        },
                        // {field: 'status', title: __('Status')},
                        {
                            field: 'operate',
                            title: __('Operate'),
                            table: table,
                            events: Table.api.events.operate,
                            formatter: Table.api.formatter.operate
                        }
                    ]
                ]
```

### 渲染格式请参考

FastAdmin封装了许多常用的formatter方法，我们可以快速的调用即可。
`Table.api.formatter.icon` 快速将字段渲染成一个按钮，仅支持Fontawesome按钮
`Table.api.formatter.image` 快速将字段渲染成图片展示的形式
`Table.api.formatter.images` 快速将字段渲染成多图片展示的形式,字段数据请以`,`进行分隔
`Table.api.formatter.status` 快速将字段渲染成状态，默认`normal/hidden/deleted/locked`这四个状态
`Table.api.formatter.url` 快速将字段渲染成URL框
`Table.api.formatter.search` 快速将字段渲染成可搜索的链接，点击后将执行搜索
`Table.api.formatter.addtabs` 快速将字段渲染成可添加到选项卡的链接，点击后将把链接添加到选项卡
`Table.api.formatter.flag` 快速将字段渲染成标志，仅支持`index/hot/recommend/new`这四种标志
`Table.api.formatter.label` 快速将字段渲染Label标签
`Table.api.formatter.datetime` 快速时间戳数据渲染成日期时间数据
`Table.api.formatter.operate` 操作栏固定按钮
`Table.api.formatter.buttons` 快速生成多个按钮
`Table.api.formatter.toggle` 快速生成切换按钮

更多功能参考官方文档：
https://ask.fastadmin.net/article/323.html

注:原创不易,转载请注明出处( http://www.micuu.com/new/1986.html )，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。