精华内容
下载资源
问答
  • 目的: 点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图: Html 代码: <body> <div class=layui-form lay-filter=useradmin id=useradmin> <div class=layui-form-item> <label class=layui-...
  • layui实现弹窗效果

    2021-01-10 10:51:21
    button type="button" id="look" class="layui-btn" style="margin-left: 10px;">选择接收人</button> 其实不只是按钮,其他的任何标签都可以 layui.use(['table'], function () { var table = layui....

    废话不多说,直接上代码:

      <button type="button" id="look" class="layui-btn" style="margin-left: 10px;">选择接收人</button>
    

    其实不只是按钮,其他的任何标签都可以

        layui.use(['table'], function () {
             var table = layui.table;
         table.on('tool(currentTableFilter)', function (obj) {
                // console.log(obj.data)
                var data = obj.data;
                if (obj.event === 'look') {//对应上面的id
                    var index = layer.open({
                        title: '查看详情',
                        type: 2,//层类型:2(iframe层)
                        shade: 0.2,//遮罩
                        maxmin:true,//最大最小化。
                        shadeClose: true,//是否点击遮罩关闭
                        area: ['80%', '80%'],//宽高
                        content: 'look.html',
                    });
                    $(window).on("resize", function () {
                        layer.full(index);
                    });
                    return false;
                }
            });
         });
    
    展开全文
  • 今天小编就为大家分享一篇layui 实现二级弹窗弹出之后 关闭一级弹窗的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layui实现二维码弹窗、并下载到本地的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 首先设置表格的唯一id table.render({ id: 'table', defaultToolbar: '', elem: '#table', url: 'getSoulZZLX', ...然后在关闭弹窗时 //关闭弹窗 function close_layer() { var index = parent.layer.getFrameInd

    首先设置表格的唯一id

     table.render({
            id: 'table',
            defaultToolbar: '',
            elem: '#table',
            url: 'getSoulZZLX',
            ………………………………………………………………………………………………
    

    然后在关闭弹窗时

    //关闭弹窗
    function close_layer() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layui.table.reload('table');
        parent.layer.close(index);
    }
    
    展开全文
  • layui 弹窗实现

    2018-11-18 15:20:34
    文章来自:源码在线https://www.shengli.me/jquery/255.html 效果:    

    文章来自:源码在线https://www.shengli.me/jquery/255.html

    效果:

     

     

    展开全文
  • 今天小编就为大家分享一篇layui的表单提交以及验证和修改弹框的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 如标题 我只想关闭当前的弹窗并不想... layui.closeAll(); return false; }) 结果弹窗关闭以后还刷新了页面。实际上我并不想刷新页面。 下面这样写就行啦 $(".cancelstustatusformsub").click(function() { ...

    如标题

    我只想关闭当前的弹窗并不想刷新页面

    可以这样啦

    我在写取消事件的时候。

    $(".cancelstustatusformsub").click(function() {
                     layui.closeAll();
                    return false;
     })

    结果弹窗关闭以后还刷新了页面。实际上我并不想刷新页面。

    下面这样写就行啦

    $(".cancelstustatusformsub").click(function() {
                          $(".layui-layer-close1").trigger('click');
                            return false;
                    })

    展开全文
  • vue使用layui弹窗

    千次阅读 2020-03-25 18:29:26
    vue-layer弹框插件 安装 npm i --save vue-layer 引用 import layer from 'vue-layer' Vue.prototype.$layer = layer(Vue);... type: 0, //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) ...
  • layUI 实现自定义弹窗

    千次阅读 2018-11-23 17:39:00
    描述的不是很清楚,放效果图,就明白了,上图 放心,能看到的数据,都不是生产数据,我造的假数据,但是功能效果就是这样,点击列表中的一行,弹出某些要展示的信息。很明白吧!ha٩(๑>◡<...
  • layui弹窗问题

    2020-12-23 14:14:08
    layui如何实现点击超链接实现弹出询问框然后点击确认进入另一个窗口
  • layui 日期弹窗点击小图标显示

    千次阅读 2019-09-18 13:31:40
    layui实现点击小图标显示日期弹窗 实现关键 完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui点击图标显示弹窗</title> <...
  • layui弹窗 form表单赋值

    万次阅读 2018-12-04 16:09:40
    新增 :弹窗下拉框 赋值 2019.12.1 目的: 点击编辑按钮实现数据回显到弹出子页面表单内。如下图: Html代码: <body> <div class="layui-form" lay-filter="useradmin" id="useradmin"> &...
  • springboot+layui+jquery+layui弹窗

    千次阅读 2018-07-05 10:33:30
    废话不多说上代码由于时间原因 暂时只实现了查询的后台完整代码其他的会之后贴出来 其实与查询相似 有需要的可以等我贴出 也可以照着查询仿写先展现效果前台代码body&gt; &lt;div class="...
  • 测试48种layui弹窗 <div class="layui-fluid" id="LAY-component-layer-list"> <div class="layui-row layui-col-space15"> <div class="layui-col-md12"> <div class="layui-card demo-...
  • 背景描述 B域名作为主域,所有的留言信息都会在B域名的留言列表里。 所有的留言:指的是A、B、C、D、E、F、G域名网站的留言信息都会放到B域名里面 1、A域名 (展示页)用于:点击按钮激活弹窗 去调用B...实现...
  • layui 弹窗实现文件上传

    千次阅读 2020-04-01 18:51:01
    html界面(主界面隐藏,弹窗中显示) <div id="file_upload_div" style="display: none" class="text-center"> <div class="layui-upload-drag" id="test10"> <i class="layui-icon"></i>...
  • Layui 弹窗 -全面使用

    万次阅读 2019-09-15 21:31:09
    类型:String/DOM/Boolean,默认:'.layui-layer-title',即默认是触发标题区域拖拽。 如果你想单独定义,指向元素的选择器或者DOM即可。如 move: '.mine-move' 。 还可以配置设定 move: false 来禁止拖拽 ...
  • layui弹窗宽度固定高度自适应界面

    千次阅读 2019-10-02 17:55:47
    //默认上下15px的边距高度,可根据需要修改function ... var layui_title_height=$(window.parent.document).find(".layui-layer-title").height(); var border_margin=30; var minH=150; var _ma...
  • 原生js模仿layui弹窗

    2018-09-26 16:39:57
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;alter&lt;/title&... window.alert = alert
  • layui弹窗滑动问题

    千次阅读 2019-01-24 14:41:00
    思路:使用锚点的机制,实现关闭弹窗后滑动到锚点 ,end:function(){ ... if (location.hash== hash) { location.hash = ''; } location.hash = hash; } 转载于:...
  • var index = parent.layer.getFrameIndex(window.name) //关闭当前的iframe层 parent.layer.close(index); //关闭弹框
  • layui实现二维码弹窗、并下载到本地

    千次阅读 2019-07-11 14:41:25
    具体实现方法如下,为了方便理解,直接附上源码,加上注释会更加容易理解吧 function share(vote_id){ //二维码生成链接 var url = "{:U('Admin/Vote/logo')}?vote_id="+vote_id; //弹窗 var index = layer....
  • layui常用审核弹窗

    2020-06-22 09:17:14
    var str = `<div> <div style='font-weight: bold;color: #999;font-size: 16px'>工时审核</div> <div style="margin-top: 15px"><span class="label">...div class="layui-inl
  • 使用layui实现弹出层

    千次阅读 2019-05-31 03:29:13
    <link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.js"> <title>Document <button id="test"> af <form class="layui-form" action=""> <div class="layui-form-item"> ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,319
精华内容 527
关键字:

layui怎么实现弹窗