grid表格在form内看不到数据的问题

最新推荐文章于 2024-04-16 19:48:14 发布

原创最新推荐文章于 2024-04-16 19:48:14 发布 · 259 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#operamasks

operamasks 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了当Grid组件置于Form中时可能遇到的显示问题及其解决办法。由于Form的高度为0，导致Grid数据无法正常展示。文章提供了通过JavaScript设置Form高度的代码示例，并强调了Grid必须在Form内使用的重要性。

当grid在form内使用的时候，看不到数据，是因为form的高度为0问题造成grid的数据被掩盖，因此必须给grid设置高度，或者使用js的方法给form设置高度，才能使grid的数据正常显示。

设置form的高度代码，其中setHeight在setUI.js定义：

<script type="text/javascript">
	setHeight('form', 30, 30);
</script>

setHeight代码：

//根据浏览器改变组件的高度
	function setHeight(){		
	userAgent=window.navigator.userAgent.toLowerCase(); 
	if (arguments.length===3){
		if(userAgent.indexOf("firefox")>=1 || navigator.userAgent.indexOf("Chrome")>0){
			var height = document.body.clientHeight;
			document.getElementById(arguments[0]).style.height = height - arguments[1] + 'px';
		}			
		else {			
	   		var name=navigator.appName;
	    	if(name=="Microsoft Internet Explorer"){
	    	    var height = document.body.clientHeight;
	    	    document.getElementById(arguments[0]).style.height = height - arguments[2];
	    	}
	    }
	
	}
	
	else if (arguments.length===4){
		if(userAgent.indexOf("firefox")>=1 || navigator.userAgent.indexOf("Chrome")>0){
			var height = document.body.clientHeight;
			document.getElementById(arguments[0]).style.height = height - arguments[2] + 'px';
			document.getElementById(arguments[1]).style.height = height - arguments[2] + 'px';
		}			
		else {			
	   		var name=navigator.appName;

	    	if(name=="Microsoft Internet Explorer"){
	    	    var height = document.body.clientHeight;
	    	    document.getElementById(arguments[0]).style.height = height - arguments[3];
	    	    document.getElementById(arguments[1]).style.height = height - arguments[3];
	    	}
	    }
	}
}

另外：在grid表格必须在form中使用，否则grid.reload将不起作用！！！