解决Ext中DataView在IE中显示异常的问题

最新推荐文章于 2025-05-11 18:59:45 发布

最新推荐文章于 2025-05-11 18:59:45 发布 · 377 阅读

文章标签：

#IE #EXT #HTML

本文介绍了一种解决Ext的DataView在Internet Explorer浏览器中显示异常的方法。通过为DataView的父容器添加html属性并设置为空格&nbsp;，可以有效避免数据错位或不显示的问题。

在使用Ext的DataView显示数据时，有时候会出现数据已经传到前台了，但页面没显示，或者显示的位置错乱。这情况好像只在IE中出现，FF下则显示正常。就像附件中的图片那样，白色区域是要显示数据的地方，但是位置已经跑到页面下方了。这时候只要给DataView的父容器加上html属性，并随便写上几个字，我一般是写空格  ，以免这些文字在某些情况下显示出来（虽然貌似不可能~）

			var view = new Ext.DataView({
				store: store,
				tpl: tpl,
				overClass : 'x-view-over',	
				itemSelector : 'div.thumb-wrap',
				loadingText : '数据读取中...'
			});
			var p = {
				items: view,
				autoScroll: true,
				layout: 'fit',
				html: '&nbsp;'
			};

喏，只要在view的外层Panel加上html属性，就万事ok咯~