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

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();
    });

我使用剑道 ui 窗口。

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()语句。