EasyUI Forum

I use layout in my project and almost all pages are shown in center region with iframe,  when window,dialog or messager are shown in pages, they are centered to the page window , but not the browser window.  I don't want to realize it by setting top/left or moving every time the window or dialog are open.  Allthough parent.$.messager can  be a good method for messagers, but I don't want its modal property applying to whole window.
How can I easily realize it?

I found a solution：

    function centerOverall(target, offset) {
        let jq = $(target);
        let opts = jq.data('window').options;
        let offsetTop = opts.top - (window.parent.innerHeight -  window.innerHeight) / 2 + ((offset && offset.y) ? offset.y : 0);
        let offsetLeft = opts.left - (window.parent.innerWidth -  window.innerWidth) / 2 + ((offset && offset.x) ? offset.x : 0);
        if (offsetTop < 0) offsetTop = 0;
        if (offsetLeft < 0) offsetLeft = 0;
        jq.window("move", { top: offsetTop, left: offsetLeft });
    }
    //extend easyui window
    $.extend($.fn.window.methods, {
        centerOverall: function (jq, offset) {
            return jq.each(function () {
                centerOverall(this, offset);
            });
        },
    });