layui弹出框赋值

1. 弹出框页面元素获取

   • 方式一:
     var body = layer.getChildFrame('body', index);
   • 方式二：需要给form表单设置id
     var body = layero.find('iframe').contents().find('#formId');

2. 获取弹出框window

   • 方式一:
     var layerWin = window[layero.find('iframe')[0]['name']];
   • 方式二：需要给form表单设置id
     var layerWin = window['layui-layer-iframe'+ index];

3. 弹出层的select,radio,checkbox标签需要重新刷新才能赋值

   • 单独刷新
     layerWin.layui.form.render('select');
layerWin.layui.form.render('radio');
layerWin.layui.form.render('checkbox');
   • form全刷新
     layerWin.layui.form.render();

示例

var index = layer.open({
	title: '编辑用户',
	type: 2,
	shade: 0.2,
	maxmin: true,
	shadeClose: true,
	area: ['100%', '100%'],
	content: './bookEdit.html',
	success: function(layero, index) {
		/* 获取弹出框的两种方式:
		方式一:
		var body = layer.getChildFrame('body', index);
		
		方式二：需要给form设置id
		var body = layero.find('iframe').contents().find('#formId');
		*/
	    var body = layer.getChildFrame('body', index);
		body.find("#usernameId").val(data.username);
		body.find("input:radio[name='sex'][value='男']").attr('checked', data.sex == '男' ? true : false);
		body.find("input:radio[name='sex'][value='女']").attr('checked', data.sex == '女' ? true : false);
		body.find("#phoneId").val(data.phone);
		body.find("#emailId").val(data.email);
		body.find("#workId").val(data.classify);
		body.find("#remarkId").val(data.remark);
		
		/* 获取下一个页面的window的两种方式
		方式一：
		var layerWin = window[layero.find('iframe')[0]['name']];
		
		方式二：
		var layerWin = window['layui-layer-iframe'+ index];
		
		针对layui需要单独刷新
		单独刷新
		layerWin.layui.form.render('select');
		layerWin.layui.form.render('radio');
		layerWin.layui.form.render('checkbox');
		*/
		
		var layerWin = window['layui-layer-iframe'+ index]
		// 弹出层的select,radio,checkbox需要重新赋值
		layerWin.layui.form.render();
	},
});