
>[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`區域內的內容變化而變化,事件也會隨之響應。