Question

目前，我正在开展一个项目，我需要从用户那里收集数据，并需要根据用户输入的数据生成PDF。在生成PDF之前，应该有一个选项来显示相同PDF的预览。所以我使用了以下代码：

$("#btnPreview").click(function () {

var data = UserData();
model = data.modelnew;
FamilyArray = data.familynew;
$.ajax({
    url: "/CareApplication/Create",
    type: 'POST',
    contentType: 'application/json',
    async: false,
    data: JSON.stringify({ model: model, Family: FamilyArray, flag: "1" }),
    success: function (data) {
        var myPos = { my: "center top", at: "center top+100", of: window };
        var $dialog = $('<div style="overflow-y: hidden" ></div>')
 .html('<iframe marginwidth="0" marginheight="0" frameborder"=0" src="' + data + '" width="100%" height="100%" ></iframe>')
 .dialog({
     autoOpen: false,
     modal: true,
     height: 650,
     width: 1200,
     title: "Preview",
     position: myPos,
 });
        $dialog.dialog('open');


    }
});

window.scrollTo(0, 0);
});

这里我修复了弹出窗口window(height:650, width:1200)的大小，因此弹出窗口的大小因浏览器而异。所以我无法关闭弹出窗口。我的问题是，我可以将弹出窗口的大小修改为自动吗？此弹出窗口应显示在同一页面上。

Answer 1

.dialog（{ autoOpen：false，莫代尔：是的，身高：80％，宽度：80％，标题：＆＃34;预览＆＃34;，职位：myPos， }）;

Answer 2

您有两种选择可以做同样的事情要么以百分比形式给出值，要么可以使用$（window）高度和宽度属性在文档就绪时填充一次值，然后可以在整个页面中使用。像

这样的东西

var windowHeight = $（window）.height（）* 0.6; var windowWidth = $（window）.width（）* 0.6;

希望这会有所帮助。

快乐学习：）

Vatsal

Answer 3

无法修复窗口自动调整大小，但浏览器与浏览器不同。根据我的理解，我们无法修复弹出窗口的大小。

如何将弹出窗口的大小修改为自动？

3 个答案: