00022-layui 显示表单，iframe父子页面传值
WebVincent 2020-06-03
showRec:function (obj) {
window.formData = null;
var dialog = layer.open({
type: 2
,title: ‘订单支付‘
,content: ‘orderPayShow.jsp‘
,maxmin: true
,area: layui.setter.area
,btn: [‘关闭‘]
,btnAlign: ‘c‘
,success:function(layero,index){
window.formData = obj.data;
}
});
layer.full(dialog)
},orderPayShow.jsp:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/common/taglibs.jsp"%><%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<title>订单支付</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="${ctxLayui}/layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="${ctxLayui}/layuiadmin/style/myStyle.css" media="all">
</head>
<body>
<div class="layui-form" lay-filter="orderPayForm" id="orderPayForm" style="padding: 20px 10px 0 0;">
<script id="formTpl" type="text/html">
<div class="layui-form-item-45" >
<label class="layui-form-label">公司ID</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.companyId}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">订单ID</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.orderId}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">金额</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.amount}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">付款类型;1-线上;2-转帐;3-汇款</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.payTypeStr}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">付款时间</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.payTimeStr}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">商户订单号</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.outTradeNo}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">交易流水号</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.transactionId}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">支付状态,1-未支付;2-支付成功;3-支付失败</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.payStatusStr}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.remark}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.statusStr}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">创建时间</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.createTimeStr}}</div>
</div>
</div>
<div class="layui-form-item-45" >
<label class="layui-form-label">修改时间</label>
<div class="layui-input-block">
<div class="layui-form-mid">{{d.modifyTimeStr}}</div>
</div>
</div>
</script>
<div id="form_view"></div>
</div>
<script src="${ctxLayui}/layuiadmin/layui/layui.js"></script>
<script>
layui.config({
base: ‘${ctxLayui}/layuiadmin/‘
}).extend({
index: ‘lib/index‘
}).use([‘index‘, ‘form‘,‘dict‘,‘laytpl‘,‘util‘], function(){
var $ = layui.$ ,form = layui.form;
var dict = layui.dict;
var laytpl = layui.laytpl;
var util = layui.util;
var formData = window.parent.formData;
formData.payTypeStr = formData.payType?dict.showName("payType",formData?formData.payType:1):‘‘;
formData.payTimeStr = formData.payTime?util.toDateString(formData.payTime,‘yyyy-MM-dd‘):‘‘;
formData.payStatusStr = formData.payStatus?dict.showName("payStatus",formData?formData.payStatus:1):‘‘;
formData.confirmTimeStr = formData.confirmTime?util.toDateString(formData.confirmTime,‘yyyy-MM-dd‘):‘‘;
formData.statusStr = formData.status?dict.showName("status",formData?formData.status:1):‘‘;
formData.createTimeStr = formData.createTime?util.toDateString(formData.createTime,‘yyyy-MM-dd‘):‘‘;
formData.modifyTimeStr = formData.modifyTime?util.toDateString(formData.modifyTime,‘yyyy-MM-dd‘):‘‘;
var data = formData;
$.each(data,function(item){
if(!data[item]){
data[item] = ‘‘;
}
});
var getTpl = formTpl.innerHTML,view = document.getElementById(‘form_view‘);
laytpl(getTpl).render(data, function(html){
view.innerHTML = html;
});
})
</script>
</body>
</html>其中：
window.formData = obj.data;
将行记录赋值给window.formData
子页面获取：
var formData = window.parent.formData;
模板显示表单值：
var getTpl = formTpl.innerHTML,view = document.getElementById(‘form_view‘);
laytpl(getTpl).render(data, function(html){
view.innerHTML = html;
}); 
相关推荐
架构技术交流 0喜欢 / 0评论 2020-07-28
haohong 0喜欢 / 0评论 2020-07-18
tiankele0 0喜欢 / 0评论 2020-06-26
xiangxiaojun 0喜欢 / 0评论 2020-06-25
pythonclass 0喜欢 / 0评论 2020-06-04
sixthelement 0喜欢 / 0评论 2020-05-30
云之高水之远 0喜欢 / 0评论 2020-05-19
云之高水之远 0喜欢 / 0评论 2020-05-17
Chydar 0喜欢 / 0评论 2020-05-15
tuxlcsdn 0喜欢 / 0评论 2020-04-17
ajaxtony 0喜欢 / 0评论 2020-02-03
STPace 0喜欢 / 0评论 2020-02-03
学留痕 0喜欢 / 0评论 2013-05-11
云之高水之远 0喜欢 / 0评论 2020-01-05
TONIYH 0喜欢 / 0评论 2019-12-20
nimeijian 0喜欢 / 0评论 2019-12-15
我只是个程序员 0喜欢 / 0评论 2014-01-18
zZoOoOJaVa 0喜欢 / 0评论 2014-06-24
ForEachkaka 0喜欢 / 0评论 2019-11-04
李永毅 0喜欢 / 0评论 2019-11-01
不言而喻i 0喜欢 / 0评论 2019-07-02
mansai 0喜欢 / 0评论 2017-12-28
崔博伦一路有你 0喜欢 / 0评论 2014-11-09
chongxiaocheng 0喜欢 / 0评论 2016-01-05
MrWhite0 0喜欢 / 0评论 2015-12-31
kentrl 0喜欢 / 0评论 2016-05-03
我的电子世界 0喜欢 / 0评论 2017-05-15
Hansion 0喜欢 / 0评论 2018-01-15
hebiwtc 0喜欢 / 0评论 2019-08-23
ruoyiqing 0喜欢 / 0评论 2018-12-19
DarryZhao 0喜欢 / 0评论 2018-10-08
Balalala 0喜欢 / 0评论 2018-06-21
88251048 0喜欢 / 0评论 2015-01-18
RedGuyanluo 0喜欢 / 0评论 2012-12-16
春天来了 0喜欢 / 0评论 2012-05-03
Android程序员 0喜欢 / 0评论 2011-07-18
strburnchang 0喜欢 / 0评论 2011-07-26
80437916 0喜欢 / 0评论 2019-07-01
mbcsdn 0喜欢 / 0评论 2019-07-01
叨校长灬 0喜欢 / 0评论 2019-07-01
DreamPig 0喜欢 / 0评论 2019-06-30
appleid 0喜欢 / 0评论 2019-06-30
红壶吃猬队 0喜欢 / 0评论 2019-06-29
YJmeditation 0喜欢 / 0评论 2019-06-28
hackcat 0喜欢 / 0评论 2018-12-19
wayne0 0喜欢 / 0评论 2019-06-28