JS模式窗体

最新推荐文章于 2017-04-19 14:27:16 发布

weixin_30561177

最新推荐文章于 2017-04-19 14:27:16 发布

阅读量80

点赞数

原文链接：http://www.cnblogs.com/huicao/archive/2011/08/23/2150321.html

版权

本文介绍如何通过JS模式窗体实现打印功能，并详细解释了如何在前台使用ItemTemplate和LinkButton来触发模式窗体，以及如何在后端通过函数ShowApply处理路径和参数传递，确保页面在打开模式窗体后能够正确跳转回原页面。

摘要由CSDN通过智能技术生成

JS模式窗体

前台只需这样写即可。

function ShowApply(url, width, height) {
    var dialogInfo = "";
    if (width > 0) {
        dialogInfo = "dialogWidth=" + width + "px;dialogHeight=" + height + "px";
    }
    else {
        dialogInfo = "dialogWidth=760px;dialogHeight=700px";
    }
    url = url + "&rn=" + Math.random();//使路径改变原来状态值。Math.random()是产生随机说的方法
    if (window.showModalDialog != null)//IE判断
    {
        var result = window.showModalDialog(url, "", dialogInfo);//传路径和模式窗体的高和宽
        if (result) {
            var urlParts = document.URL.split("?");
            var isUrl = window.location.href;
            if (urlParts[1]) {
                isUrl = isUrl.replace(/contractNo=[^&]*/i, "ApplyNo=").replace(/sid=[^&]*/g, "sid=" + parseInt(10 * Math.random()));
            }
            else {
                isUrl = isUrl.replace(/contractNo=[^&]*/i, "ApplyNo=").replace(/sid=[^&]*/g, "sid=" + parseInt(10 * Math.random()));
            }
            window.location.href = isUrl;
            //window.document.forms[0].submit();
        }
        return true;
    }
    window.open(url, "", "height=400px,width=800px");
    return true;
}

这是实现模式窗体效果。

效果：