自定义弹层是在 `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