Ext 监听页面窗口大小

最新推荐文章于 2021-02-09 09:35:34 发布

风起未来

最新推荐文章于 2021-02-09 09:35:34 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs 文章标签： extjs

本文链接：https://blog.youkuaiyun.com/qq_34068082/article/details/87350333

extjs 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用Ext.js框架监听浏览器窗口大小变化，并实时调整ECharts图表尺寸的方法，确保图表始终完美适配当前屏幕，提升用户体验。

ext 监听页面大小实时获取页面的宽高

chartid为echarts图形，同步监听

       /**
		 * 监听统计图大小
		 */
		Ext.on('resize', function (width, height){
			var chartDiv = document.getElementById('chartid');
			var wvalue = width;
			chartDiv.style.width = wvalue;
			chartDiv.firstChild.style.width = wvalue;
			var hvalue = height-290;
			chartDiv.style.height = hvalue; 
			chartDiv.firstChild.style.height = hvalue; 
			if(null != managerDashboard.myChart && !Ext.isEmpty(managerDashboard.myChart))
				managerDashboard.myChart.resize();
		});