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、效果如下图所示:

确定后接受弹出层输入的信息及其他信息,如下图所示: