1、mainpage.x中点击按钮利用layer弹出层,代码如下:
<script src="../scripts/jquery-1.8.0.min.js"></script> <script src="../scripts/layer/layer.js"></script> <script type="text/javascript"> $(function () { layer.config({ extend: ['skin/espresso/style.css'], //加载新皮肤 skin: 'layer-ext-espresso' //一旦设定,所有弹层风格都采用此主题。 }); }); //弹出框 function popup() { var unitcode = "110000"; layer.open({ title: ['高级查询'], type: 2, content: "subpage.aspx?unitcode=" + unitcode, area: ['500px', '520px'], shade: 0.3, btn: ['确定', '关闭'], yes: function (index) { var res = window["layui-layer-iframe" + index].savefunc(); if (res != false) { $("#hidselectunit").val(res.selectunit); $("#hidcomparedate").val(res.comparedate); $("#hidcomparetips").val(res.comparetips); $("#form1").submit(); } } }); } </script>
protected void page_load(object sender, eventargs e) { if (!string.isnullorempty(request.querystring["formsubmit"])) { this.pmsg.innerhtml = "单位编码:" + hidselectunit.value + "
对比日期:" + hidcomparedate.value.split(',')[0] + "|" + hidcomparedate.value.split(',')[1] + "对比提示:" + hidcomparetips.value.split(',')[0] + "|" + hidcomparetips.value.split(',')[1]; } }
重点代码:
layer.open({
title: [‘高级查询’],
type: 2,
content: “subpage.aspx?unitcode=” + unitcode,
area: [‘500px’, ‘520px’],
shade: 0.3,
btn: [‘确定’, ‘关闭’],
yes: function (index) {
var res = window[“layui-layer-iframe” + index].savefunc();
if (res != false) {
$(“#hidselectunit”).val(res.selectunit);
$(“#hidcomparedate”).val(res.comparedate);
$(“#hidcomparetips”).val(res.comparetips);
$(“#form1”).submit();
}
}
});
2、subpage.aspx是弹出框内容区域,代码如下:
弹出页面 <script src="../scripts/jquery-1.8.0.min.js"></script> <script src="../scripts/layer/layer.js"></script> <script type="text/javascript"> $(function () { layer.config({ extend: ['skin/espresso/style.css'], //加载新皮肤 skin: 'layer-ext-espresso' //一旦设定,所有弹层风格都采用此主题。 }); }); function savefunc() { var selectedunit = $("#unitcode").val(); var comparedate = new array(); comparedate[0] = "2015-12-01"; comparedate[1] = "2015-12-23"; var comparetips = new array(); comparetips[0] = "合肥"; comparetips[1] = "六安"; var returnjson = { "selectunit": selectedunit, "comparedate": comparedate, "comparetips": comparetips } return returnjson; } </script>
3、效果如下图所示:
确定后接受弹出层输入的信息及其他信息,如下图所示:
黄山市民网:https://www.huangshanshimin.com/