Ext 始终window居中显示

最新推荐文章于 2019-01-22 11:11:11 发布

最新推荐文章于 2019-01-22 11:11:11 发布 · 904 阅读

本文介绍了如何使用Extjs库在浏览器窗口调整大小时，确保自定义窗口始终位于页面中央。通过事件监听和窗口属性操作，实现窗口大小和位置的动态调整，保持用户界面的布局一致性。

浏览器改变大小的时候，实现Extjs中的window控件在页面上始终居中

var currentWindow;
	Ext.EventManager.onWindowResize(function(){
		if(currentWindow){
			currentWindow.setHeight(document.body.clientHeight * 0.8 );
			currentWindow.setWidth(document.body.clientWidth * 0.8 );
			currentWindow.center();
		}
	});

	//Ext.EventManager.onWindowResize(abcresize);

        var win = new Ext.Window({
            title    : 'Layout Window',
            closable : true,
            width    : 600,
            height   : 350,
            //border : false,
            plain    : true,
            layout   : 'border',
            items    : [nav, tabs]
        });
	win.addListener('beforeshow',function(o){	
		currentWindow=o;
	});	
	win.addListener('destroy',function(o){	
		currentWindow=null;
	});

        win.show(button);