当前位置: 首页 > news >正文

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>

子页面

<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);        
http://www.lryc.cn/news/217524.html

相关文章:

  • 【Apache Flink】Flink DataStream API的基本使用
  • 民安:专业在线教育平台客户满意度调查的引领者
  • 浅谈新能源汽车充电桩的选型与安装
  • FFmpeg系列索引
  • AWS组件使用
  • DALLE 3技术分析 - 训练方式/模型结构
  • Go的自定义错误
  • SpringBoot集成Dubbo
  • 利用shp文件构建mask【MATLAB和ARCGIS】两种方法
  • Luminar Neo Mac/Windows中文版:引领AI图像编辑的革命性时代
  • 远程设备常用工具:向日葵、Todesk
  • JAVA七种常见排序算法
  • 高质量绝世玄幻小说,情节引人入胜,一读成痴的绝佳选择
  • Flask三种添加路由的方法
  • 基于layui的select选择框修改为多选框
  • 【技术分享】RK356X Android 使用 libgpiod 测试gpio
  • 代碼隨想錄算法訓練營|第五十九天|647. 回文子串、7516.最长回文子序列、动态规划总结篇。刷题心得(c++)
  • Qt封装的Halcon显示控件,支持ROI绘制
  • 基于深度学的图像修复 图像补全 计算机竞赛
  • vue3框架全局修改样式(字体颜色以及初始化定义基础elemplent颜色)
  • Linux - 进程控制(上篇)- 进程创建 和 进程终止
  • NiceGui:Python中的轻量级GUI框架初体验
  • php 常用的接口和函数
  • 【Flutter】Flutter 动画深入解析(2):掌握 AnimatedBuilder 将动画的逻辑和 UI 代码分离
  • Spring Boot中解决跨域问题(CORS)
  • 基于生成对抗网络的照片上色动态算法设计与实现 - 深度学习 opencv python 计算机竞赛
  • 广州华锐互动:数字孪生可视化制作软件有哪些亮点?
  • 设计模式之工厂模式讲解与案例
  • (免费领源码)php#MySQL软件测试文档管理系统28035-计算机毕业设计项目选题推荐
  • 05.Oracle数据库对象