js layui 弹出子窗体_layui之弹出层--从父窗口传递数据到子窗口

最新推荐文章于 2022-05-10 14:10:05 发布

weixin_39919948

最新推荐文章于 2022-05-10 14:10:05 发布

阅读量320

点赞数

文章标签： js layui 弹出子窗体

本文链接：https://blog.csdn.net/weixin_39919948/article/details/111779378

版权

本文介绍了如何使用layui弹出层从父窗口向子窗口传递数据，包括弹出子窗体的配置、数据处理及动态插入HTML内容的示例。同时，文章提到了Nginx服务器的优势，并简要提及了TextView显示颜色高亮的问题。

摘要由CSDN通过智能技术生成

原文链接：https://blog.csdn.net/Code_shadow/article/details/80524633

var Index = layer.open({

title: "测试",

type: ,

content: 'http://localhost:2690/ProgressTimeline.html',

area: ["80%", "90%"],

success: function () {

var data = [

{ "time": "2018-09-01 15:23:00", "status": "受理" },

{ "time": "2018-09-02 15:23:00", "status": "审核" },

{ "time": "2018-09-03 15:23:00", "status": "已通过" },

{ "time": "2018-09-04 15:23:00", "status": "流程A" },

{ "time": "2018-09-05 15:23:00", "status": "流程B" }];

var body = layer.getChildFrame("body");

var html = '';

for (var i = ; i < data.length; i++) {

html += '

html += ' ';

html += ' ' + data[i].time + " " + data[i].status + '';

html += ' ';

html += '

}

body.find(".layui-timeline").append(html);

}

});

layui(弹出层)

首先引入文件 layui.css jquery.min.js layui.js 弹出层 data-method 后面的属性控制是什么弹窗,在js中写方法

随机推荐

Nginx是一款面向性能设计的HTTP服务器，相较于Apache、lighttpd具有占有内存少，稳定性高等优势。

######Nginx配置文件nginx.conf中文详解######定义Nginx运行的用户和用户组user www www;#nginx进程数,建议设置为等于CPU总核心数.worker_proc ...

TextView显示颜色高亮的问题

TextView textView = (TextView) findViewById( R.id.tv ); String text = "

python 100例 (持续更新)

1.题目:列表转换为字典. 程序源代码: 1 #!/usr/bin/env python 2 # -*- coding: UTF-8 -*- 3 4 i = ['a', 'b'] 5 l = [1, ...

NopCommerce之事件通知

mark下,等下写了. NewsController 控制器NewsCommentAdd()缓存清除,使用到了事件

ORA-12737&colon; Instant Client Light&colon; unsupported server character set CHS16GBK/ZHS16GBK解决方案

二.Navicat for Oracle的配置 1.启动该工具,出现如下的开始界面,单击“连接”选项,进行连接数据库,如图所示: 6.在“新建连接”对话框中,输入任意的连接名,选择默认的连接类型,输入 ...

POJ1061——青蛙的约会(扩展欧几里德)

青蛙的约会 Description两只青蛙在网上相识了,它们聊得很开心,于是觉得很有必要见一面.它们很高兴地发现它们住在同一条纬度线上,于是它们约定各自朝西跳,直到碰面为止.可是它们出发之前忘记了一件 ...

RDD&period;scala(源码)

---- map. --- flatMap.fliter.distinct.repartition.coalesce.sample.randomSplit.randomSampleWithRange. ...

【Luogu4137】Rmq Problem/mex (莫队)

[Luogu4137]Rmq Problem/mex (莫队) 题面洛谷题解裸的莫队暴力跳\(ans\)就能\(AC\) 考虑复杂度有保证的做法每次计算的时候把数字按照大小也分块每次就枚举 ...

点击图片img提交form表单