layui open
弹出模态框:
为页面script指定id
<script type="text/html" id="detail_OpenCompany">
<div >
<form class="layui-form" style="margin: 15px;" lay-filter="detail_formCompany" action="">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label required">企业名称</label>
<div class="layui-input-block">
<input type="text" id="EnterpriseName" required lay-verify="required"
name="EnterpriseName" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-xs12 layui-col-md12" id="DIVProvinceSelect">
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">省</label>
<div class="layui-input-block">
<!-- -->
<select lay-filter="selProvinceChange" required lay-verify="province" id="selProvince" name="Province"><option value="">--请选择--</option></select>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md12" id="DIVProvinceInput">
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">省</label>
<div class="layui-input-block">
<!-- -->
<input type="text" id="selProvinceChange"
name="Province" placeholder="" autocomplete="off" class="layui-input">
</div>
</div>
</div>
</div>
</div>
<div class="layui-row" style="margin-top:40px;text-align: center;">
<div class="layui-form-item ">
<button type="button" class="layui-btn layui-btn-submit " lay-submit="" lay-filter="submitBtnCompany">确 定</button>
<button type="button" id="btnCancel" onclick="CloseWindows();" class="layui-btn layui-btn-primary">取 消</button>
<!-- <button type="button" id="btnCancel" class="layui-layer-close layui-layer-close1 layui-btn layui-btn-primary">取 消</button> -->
</div>
</div>
</form>
</div>
</script>
调用layer.open({
})
layer.open({
//layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
type: 1,
title: "企业详情",//title
area: ['30%', '60%'],//页面占比
// btn: ['确定'],//z自带弹出按钮
// 弹层外区域关闭
shadeClose: true,
//自带弹出按钮点击事件
btn1: function (index, layero) {
layer.close(index)
},
content: $('#detail_OpenCompany').html()//引用的弹出层的页面层的方式加载修改界面表单
, success: function (layero, index) {
// $('#btnCancelCompany').css({ "display": "none" });
$('#DIVProvinceSelect')[0].style='display:none';
$('#DIVProvinceInput')[0].style='display:a';
$('#DIVCitySelect')[0].style='display:none';
$('#DIVCityInput')[0].style='display:a';
$('#DIVCountrySelect')[0].style='display:none';
$('#DIVCountryInput')[0].style='display:a';
$("#actionTypeCompany").val(obj.event);
//form表单赋值
formLay.val("detail_formCompany", JSON.parse(JSON.stringify(data))); //这样写才能渲染
var readForm = layui.$('[lay-filter="detail_formCompany"]')
readForm.find('input,textarea,select').prop('disabled', true);
readForm.find('input,textarea,select').attr('class', 'layui-input layui-btn-disabled');
// readForm.find('.layui-layedit iframe').contents().find('body').prop('contenteditable',false);
formLay.render();
},
btnAlign: 'c'
// , btn: ['确定', '关闭']
, yes: function (index, layero) {
}
// end: function (index) {
// layer.close(index);
// }
});