layui——弹出层

梦里梦外; 2022-05-12 14:04 487阅读 0赞

$("#createUser").click(function () {
        layer.open({
            type:2
            ,title: '新增用户'
            ,content: ['./admin-userCreate.html', 'no']
            ,area: ['500px', '500px']
        });
    });

type \- 基本层类型

类型：Number，默认：0

layer提供了5种层类型。可传入的值有：*0*（信息框，默认）*1*（页面层）*2*（iframe层）*3*（加载层）*4*（tips层）。 若你采用*layer.open(\{type: 1\})*方式调用，则type为必填项（信息框除外）

layer.open({// 弹出“保存成功！”
        title: ''
        ,content: '保存成功！'
        ,yes: function(index, layero){// 确定后回调
            var index = parent.layer.getFrameIndex(window.name);// 先得到当前iframe层的索引
            parent.layer.close(index);// 关闭当前弹出层
            window.parent.location.reload();// 刷新父级页面
        }
    });

传递数据到弹出层：

if (data.status == "1") {
        switch (data.data.permissionLevel) {
            case 0:
                body.find("#guest").attr("checked", true);
                break;
            case 1:
                body.find("#vip").attr("checked", true);
                break;
            case 2:
                body.find("#admin").attr("checked", true);
                break;
        }
        body.find("#userId").val(userId);
        body.find("#userName").val(data.data.userName);
        body.find("#nickname").val(data.data.nickname);
        body.find("#email").val(data.data.email);
        body.find("#cellphone").val(data.data.phone);
        layui.form.render('radio');
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，487人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui弹出层，数据回显

1、效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

分手后的思念是犯贱/ 2023年07月23日 03:42/ 0 赞/ 97 阅读

相关【前端-layui-layer】layui弹出层闪退，layer弹出层闪退，layer弹出层坑

今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮，打开弹窗闪退

我不是女神ヾ/ 2023年07月05日 11:53/ 0 赞/ 137 阅读

相关 layui弹出层

layer.open({ type: 1, title: "项目人员分配", area: ['50%',

雨点打透心脏的1/2处/ 2023年03月13日 13:18/ 0 赞/ 115 阅读

相关 layui弹出层闪退，layer弹出层闪退，layer弹出层坑

转载: http://www.mamicode.com/info-detail-1654730.html 今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事

桃扇骨/ 2022年05月22日 04:30/ 1 赞/ 573 阅读

相关 LayUi 之弹出层

这个东西应该不是很难，用到的东西也不是很多，但是弹出层却是贤心的一大亮点，所以我们还是有必要重视一下，哈哈~ 弹出层所涉及到的东西还是很多的，就比如蒙层啊，双层弹出框，

客官°小女子只卖身不卖艺/ 2022年05月20日 04:27/ 0 赞/ 469 阅读

相关 layui——弹出层

$("createUser").click(function () { layer.open({ type:2

梦里梦外;/ 2022年05月12日 14:04/ 0 赞/ 488 阅读

相关《layUI 弹出层 and 按钮》

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

亦凉/ 2022年04月17日 02:12/ 0 赞/ 583 阅读

相关 Layui的弹出层

1：先在HTML页面上放一个button按钮，给按钮ID，设置样式，按钮的作用就是弹出layui的open层： <button|type=“button”|id="O

逃离我推掉我的手/ 2022年01月22日 03:09/ 0 赞/ 928 阅读

相关 Layui 弹出层插件

Layui 弹出层插件开发工具与关键技术： Visual Studio 2015 – Layui 作者：廖亚星撰写时间：2019年 6 月4日这段时间在做项

蔚落/ 2022年01月22日 03:05/ 0 赞/ 605 阅读

相关使用layui实现弹出层

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

落日映苍穹つ/ 2021年09月28日 20:34/ 0 赞/ 749 阅读