自定義彈層是在 `layer.open()` 基礎上分裝的,其他彈層請參考 [彈層組件文檔 - layui.layer](http://www.layui.com/doc/modules/layer.html) 文檔
##自定義彈層
詳情使用請參考在線體驗
[http://tpadmin.demo.tianpian.net.cn](http://tpadmin.demo.tianpian.net.cn)
默認管理員帳號:admin,默認管理員密碼:123456
###方法
`layer_open(title,url,opt)`
###參數
| 參數名稱 | 類型 | 使用說明 |
| --- | --- | --- |
| title | string | 彈層標題,必填 |
| url | string | 彈層鏈接 `(opt.type == 1,默認)` 或 HTML 代碼 `(opt.type == 2,自定義)`,必填 |
| opt | object | 彈層選項,選填 |
| opt.w | string | 彈層寬度,100px 或 80% 這樣的單位 |
| opt.h | string | 彈層高度,100px 或 80% 這樣的單位 |
| opt.type | enum | 彈層類型,1 - 基于 HTML 的彈層 ; 2 - 基于 url 鏈接的彈層 |
| opt.confirm | bool | 彈層關閉警告,默認 false |
| opt.fn | function | 彈層完成后的回調函數 |
| opt.nav | bool | 是否開啟面包屑自動導航,默認 true ,開啟 |
###使用示例
```
// 簡單調用
// 可以根據需要添加參數,默認彈層長寬都為 80%
layer_open('彈層標題',‘{:\\think\\Url::build("Controller/action")}’);
// 關閉彈層會有警告阻止直接
layer_open('彈層標題',‘{:\\think\\Url::build("Controller/action")}’,{confirm:true});
// 實例化彈層后調用回調函數 callback
layer_open('彈層標題',‘{:\\think\\Url::build("Controller/action")}’,{fn:callback});
// 傳入 HTML 代碼打開彈層,此時必須配置 type 為 1
layer_open('彈層標題','HTML代碼',{type:1});
// 全屏打開彈層,可以使用 full_page(title,url,opt) 方法代替
layer_open('彈層標題',‘{:\\think\\Url::build("Controller/action")}’,{w:'100%',h:'100%'});
/**
* 全屏打開窗口,參數見layer_open
*/
function full_page(title,url,opt) {
return layer_open(title,url,$.extend({w:"100%",h:"100%"},opt))
};
```
>[info] 在 iframe 內部打開一個 iframe 頁面,可以使用 open_window(title,url) 的方法在 iframe 打開一個和它同級的頁面,主要應用于在列表首頁打開回收站
```
// 打開回收站
<a href="javascript:;" onclick="open_window('回收站','/admin/admin_group/recyclebin.html')" class="btn btn-secondary radius ml-5"><i class="Hui-iconfont"></i> 回收站</a>
```
- 概要
- 開始使用
- 寫在前面
- 目錄結構
- 模板主題支持
- 前置方法before支持
- 數據返回
- 異常接管
- Rbac 權限管理
- 開始使用
- 用戶管理
- 分組管理
- 節點管理
- 角色管理
- 使用流程
- 其他
- 代碼自動生成 v1.2
- 示例一 - 一級控制器
- 示例二 - 多級控制器
- 示例三 - 從數據表生成
- 示例四 - 指定生成的文件
- 示例五 - 命令行模式
- 示例六 - 模擬命令行模式
- 代碼自動生成
- 示例一 - 一級控制器
- 示例二 - 多級控制器
- 控制器
- 公共控制器
- traits 多繼承 Controller
- 公開不授權控制器
- 其他控制器
- 標簽擴展
- 模板
- 網站操作日志
- 節點圖
- 行為驅動
- 其他后端方法
- Excel一鍵導出
- Excel一鍵導入
- 文件下載
- 郵件發送
- 七牛文件上傳
- id加密
- 前端
- ajax請求
- 表單校驗
- 豐富彈層
- 異步操作
- 表格溢出
- 隨機字符串
- 自動面包屑導航
- 動態加載文件
- 文件上傳
- Tab 切換
- 圖片預覽
- 二維碼生成
- 日歷組件
- 升級指導
- 更新日志
- FAQ