Question

我的页面中有iframe，在iframe中我有一个按钮，应该在我的页面中心打开窗口。

$(function () {
        var offset = 0;
        var windowWidth = $(document).width();
        var parametrs = 'siteId=@ViewBag.siteId&widgetId=@Model.WidgetId';
        var popupWindow = $(".popupWindow").each(function () {
            var popupWindows = $(this).kendoWindow({
                iframe: true,
                width: $(document).width() - 25,
                height: 300,
                resizable: false,
                draggable: false,
                actions: ["Minimize", "Maximize", "Close"],
                visible: false,
                content: '@Url.Action("Index", "Editor")?' + parametrs,

            }).data('kendoWindow');

            var parent = $(this).parent();
            parent.css("top", parent.offset().top + offset);
            offset += parent.outerHeight();
            popupWindows.open();


        });
        $("#container").sortable();
    });

我使用kendo ui window。

Answer 1

popupWindows.center()将弹出您的弹出窗口。

Answer 2

$(function () {
    var offset = 0;
    var windowWidth = $(document).width();
    var parametrs = 'siteId=@ViewBag.siteId&widgetId=@Model.WidgetId';
    var popupWindow = $(".popupWindow").each(function () {
        var popupWindows = $(this).kendoWindow({
            iframe: true,
            width: $(document).width() - 25,
            height: 300,
            resizable: false,
            draggable: false,
            actions: ["Minimize", "Maximize", "Close"],
            **open : function() { this.center(); }**
            visible: false,
            content: '@Url.Action("Index", "Editor")?' + parametrs,

        }).data('kendoWindow');

        var parent = $(this).parent();
        parent.css("top", parent.offset().top + offset);
        offset += parent.outerHeight();
        popupWindows.open();


    });
    $("#container").sortable();
});

添加open的函数，每次打开弹出窗口时都会触发该函数。在此功能中使用center()，因此每次打开时都会将弹出窗口置于页面的中心。

或者您可以在popupWindows.center()语句之后简单地使用语句popupWindows.open()。

在剑道ui中打开模式的弹出中心

2 个答案: