其他分享
首页 > 其他分享> > layerForm

layerForm

作者:互联网

layerForm基于layer开发 部分功能通用

基础配置

{
	id: null, //窗口id
	postData: null, //请求参数
	type: 2, // 基本层类型0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
	title: '系统窗口', //标题
	width: "80%", //窗体宽度
	height: "80%", //窗体高度
	content: "error", //窗体内容
	url: 'error', //窗体打开页面连接
	btn: ['确认', '关闭'], //窗体底部显示按钮
	callBack: false, //窗体成功返回回调
	maxmin: false, //最大最小化
	end: false, //层销毁后触发的回调
	shade:null, //遮罩层样式 即弹层外区域。默认是0.3透明度的黑色背景('#000')。如果你想定义别的颜色,可以shade: [0.8, '#393D49'];如果你不想显示遮罩,可以shade: 0
	autoClose:true //底部确认并关闭窗口勾选按钮
}

初始化弹窗

unionsoft.layerConfirm('是否确认删除该项!', function (res, index) {
	//res:返回结果true为确认 false 为拒绝 
	//index:弹窗下标
	if (res) { 
	}
});
unionsoft.layerForm({
	id: 'id',
	title: '标题',
	postData: postData,
	url: top.$.rootUrl + '地址',
	successCallback: function (id, index) { //页面初始化后回调
	},
	callBack: function (id) { //页面确认后回调
	},
	cancel: function (id) { //页面取消后回调
	},
});
Unionsoft.layerClose('弹窗名称', index); //index:弹窗下标

提示框(无回调)

失败提示

unionsoft.alert.error("失败");

警告提示

unionsoft.alert.warning("数据有误!");

成功提示

unionsoft.alert.success('响应成功');

信息提示

unionsoft.alert.info("信息");

回调事件

let body = top.layer.getChildFrame('body', index);

可获取子页面dom,可以对子页面组件进行操作.

let body = top.layer.getChildFrame('body', index);
$(body).find('#he_finance_propertyreceipthistory').jfGridSet('refreshdata', postData.rows);

参数接受

如果父界面在打开的时候对postData进行了赋值,则子页面可以直接获取postData的值
续在界面初始化方法init接受

init: function () {
	hasCheckAccept = (!!postData && !!postData.hasCheckAccept) ? postData.hasCheckAccept : "";
	page.initGird();
	page.bind();
},

标签:function,index,postData,layerForm,unionsoft,id,页面
来源: https://blog.csdn.net/wish2009szy/article/details/115507559