• layer.open再次渲染html,子页面调用在父页面打开弹出层,渲染html


    • 使用的版本 layui-v2.5.6
    • 是在父页面弹出层,显示;调用的是父页面的layer.open();

    父页面:

    <link href="/layui/css/layui.css" rel="stylesheet" />
    <script src="/layui/layui.all.js">script>
    <script src="/script/jquery-1.11.3.min.js">script>
    <script type="text/javascript">
    
            layui.use(['form', 'element', 'layer', 'util', 'laypage'], function () {
                var form = layui.form
                    , layer = layui.layer
                    , util = layui.util
                    , element = layui.element
                    , laypage = layui.laypage;    
            });
    script>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13

    子页面

    <link href="/layui/css/layui.css" rel="stylesheet" />
    <script src="/layui/layui.js">script>
    <script src="/script/jquery-1.11.3.min.js">script>
     <a class="button text-btn" href="javascript:pageConfig.publishWindow('108170163748288' );" style="background:#339900 ;color:#ffffff;padding:2px 4px;border-radius:3px;"><i class="layui-icon layui-icon-release">i>发布a>
    
    <script type="text/template" id="win_publish_div">
        <div id="win_wzpublish" class="layui-form" style=" padding:20px; " lay-filter="winpublish">  
                <div class="layui-form" style="padding:20px;">
                    <div class="layui-form-item">
                        <select name="selwin_wzpublish" id="selwin_wzpublish">
                   <option value="">请选择发布到的栏目</option>
                           <option value="28a18413-9952-41d6-dc97-08dad8ef948e">头条新闻</option>
                           <option value="721171be-9c30-4f25-fa15-08dadb8890d7">勘研动态</option>
                           <option value="3e0ce84e-91a9-47cf-dc96-08dad8ef948e">通知公告</option>
               
                        </select>
                    </div> 
                    <div style=" ">  
                        <button class="layui-btn layui-bg-orange" id="btnPreview">发布预览</button>
                        <button class="layui-btn  " id="btnPublish" style="margin-left:30px;">确定发布</button>
                    </div>
                </div> 
        </div>
    script>
      <script type="text/javascript">
            var parentDOM = top || window;
             layui.use(['laydate', 'form', 'element']   , function(){
                var laydate = layui.laydate;
                // 日期时间选择器
                //laydate.render({
                //    elem: '#orderPublishDate',
                //    type: 'datetime'
                //});
                //laydate.render({
                //    elem: '#orderEndPublishDate',
                //    type: 'datetime'
                //});
    
            });
    
     !function (p) {
                //发布窗口
                p.publishWindow = function (articleId) {
                    var width = window.innerWidth - 30;
                    if (window.innerWidth >= 1024) {
                        width = 900;
                    }
                    var boxSize = [width + 'px', '800px'];
    
                    var index = parentDOM.layer.open({
                        type: 1,
                        offset: 'auto',
                        title: '发布文章',
                        area: boxSize, //宽高
                        content: $("#win_publish_div").html(),
                        success: function (layero, index, that) {
                            var winDom = parentDOM.$("win_wzpublish");
                            parentDOM.layui.form.render(null, "winpublish");
                            var   laydate = parentDOM.layui.laydate;
    
                            //日期时间选择器
                            laydate.render({
                                elem: '#orderPublishDate',
                                type: 'datetime'
                            });
                            laydate.render({
                                elem: '#orderEndPublishDate',
                                type: 'datetime'
                            });
    
                        }
                    });
                }
     
    
            }(pageConfig);        
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
  • 相关阅读:
    【Mac】鼠标控制\移动\调整窗口大小BBT|边缘触发调整音量\切换桌面
    什么牌子蓝牙耳机通话质量好?通话质量好的蓝牙耳机推荐
    网络传输性能netperf测试方法和下载
    springboot整合neo4j--采用Neo4jClient和Neo4jTemplate方式
    vue手写卡片切换,并且点击获取到卡片信息
    Verilog语法之任务Task与函数Function
    Java学习笔记(二)
    PLC远程调试
    Linux进程
    全球首度引入AI!腾讯主导的新一代实时语音编码标准AVS3P10即将发布
  • 原文地址:https://blog.csdn.net/u011511086/article/details/134199049