layerForm

本文主要是介绍layerForm，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

• 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 //底部确认并关闭窗口勾选按钮
}

初始化弹窗

• layerConfirm 打开询问框

unionsoft.layerConfirm('是否确认删除该项！', function (res, index) {
	//res:返回结果true为确认 false 为拒绝 
	//index:弹窗下标
	if (res) { 
	}
});

• layerForm 自定义表单弹层

unionsoft.layerForm({
	id: 'id',
	title: '标题',
	postData: postData,
	url: top.$.rootUrl + '地址',
	successCallback: function (id, index) { //页面初始化后回调
	},
	callBack: function (id) { //页面确认后回调
	},
	cancel: function (id) { //页面取消后回调
	},
});

• layerClose 关闭弹层

Unionsoft.layerClose('弹窗名称', index); //index:弹窗下标

提示框(无回调)

失败提示

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

警告提示

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

成功提示

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

信息提示

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

回调事件

• successCallback 子页面加载成功后回调 function (id,index) 接受子页面窗口id,子页面index
  使用

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

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

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

• callBack 子页面点击确认后回调 function (id) 接受子页面窗口id
• cancel 子页面点击取消后回调 function (id) 接受子页面窗口id

参数接受

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

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

这篇关于layerForm的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！