企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
![](https://img.kancloud.cn/f8/ba/f8bac4f9990ea5c444497655e95fe218_1800x1004.png) >[info]## 功能描述 弹出窗口是FastAdmin中最常用的功能之一,FastAdmin中默认生成的CRUD中的编辑、添加和删除的弹窗都是基于`Layer`弹层组件实现的,FastAdmin在此基础上进行了扩展和二次开发,除了`Layer`原有的功能外,还有部分FastAdmin特有的功能。 首先我们先来看看最常用的编辑和添加弹窗。在CRUD后的列表中默认的添加和编辑按钮会自动绑定事件,如果需要手动弹窗,我们可以使用`Fast.api.open(url, title, options)`进行弹出。 这里一定得注意下`Fast.api.open`和`Layer.open`有很大的区别,`Layer.open`是`Layer`自带的原始方法,`Fast.api.open`是FastAdmin独有的方法。 接下来我们看下使用`Fast.api.open`弹出的弹出窗口的组成部分 **1.标题区域** 用于显示弹出层的标题,配置`title`即可 **2.内容区域** 用于展示`url`对应的页面的内容,此处嵌入的`url`的`iframe`,也就是说弹出窗口的正文是通过`iframe`显示的,那么正文部分相当于完全新开一个页面。 **3.操作区域** 这个区域比较特殊,FastAdmin做了许多定制化,显示的内容从`url`对应的页面中的`layer-footer`区域内的内容复制到外部显示的。也就是说这部分的内容我们完全可以自定义,只需要修改`url`页面对应`layer-footer`区域内的内容即可。这里需要注意下这部分的内容会随着页面中`layer-footer`区域内的内容变化而变化,事件也会随之响应。