fastadmin按钮buttons全部事件整理

2024-10-10 22:19:36

小程序码

文章目录

相关链接

> 一张图解析FastAdmin中的表格列表的功能(第15条) https://ask.fastadmin.net/article/323.html
一张图解析FastAdmin中的弹出窗口的功能 https://ask.fastadmin.net/article/2527.html

### classname来控制按钮执行方式
弹出窗口 `btn-dialog`，ajax请求 `btn-ajax`，新选项卡`btn-addtabs`，自定义点击事件 `btn-click`

### 按钮组 样例
```js
{
    field: 'buttons',
    width: "120px",
    title: '按钮组',
    table: table,
    events: Table.api.events.operate,
    buttons: [
       
    ],
    formatter: Table.api.formatter.buttons
}
```
### 弹出窗口 btn-dialog
修改弹出窗大小 `extend: ' data-area = \'["800px","600px"]\' ',`

```js
{
      name: 'detail',
      text: __('弹出窗口打开'),
      title: __('弹出窗口打开'),
      classname: 'btn btn-xs btn-primary btn-dialog',
      icon: 'fa fa-list',
      url: 'example/bootstraptable/detail',
      callback: function (data) {
          Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
      },
      visible: function (row) {
          //返回true时按钮显示,返回false隐藏
          return true;
      }
  }
```

### ajax请求 btn-ajax
完成后刷新表格

!!! warning 此处为本文章的隐藏内容
需花费 50 积分兑换 或 猫叔授权后开放阅读。
!!!