利用jQuery ui dialog 显示表单对话框通用JS方法

来源：互联网发布：糯米商家怎么收费知乎编辑：程序博客网时间：2024/06/05 13:32

function showPage2(url, dialogWidth, dialogHeight,title) {    /// <summary>    /// 利用jQuery ui dialog 显示表单对话框；    ///注：调用本方法前，请确认已在本页面中加载jquery.js和jquery-ui.js以及jquery-ui.min.css文件    /// </summary>    /// <param name="url">要显示表单页面地址</param>    /// <param name="dialogWidth">页面宽度</param>    /// <param name="dialogHeight">页面高度</param>    url = url.indexOf("?") > 0 ? url + "&isDlg=1" : url + "?isDlg=1";    var divId = "dialog" + Math.round(Math.random() * 100);    $("body").append('<div id="' + divId + '" style="display:none;">test</div>');    $("#" + divId).dialog({        autoOpen: false        , modal: true        , width: dialogWidth + 30        , height: dialogHeight + 70        , title: title        , show: {            effect: 'fade',            duration: 500        }        , hide: {            effect: 'fade',            duration: 300        }        , beforeClose: function () {            $(this).find("iframe").attr("src", "");        }        , close: function (event, ui) {            $(this).dialog("destroy");        }    });    $("#" + divId).dialog("open");    $("#" + divId).html('<iframe src="' + url + '" frameborder="0" style="width:' + dialogWidth + 'px;height:' + dialogHeight + 'px;"></iframe>');    return divId;}

0 0