`
ekisstherain
  • 浏览: 173593 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

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将不起作用!!!

分享到:
评论

相关推荐

    Ext 将grid渲染到combox

    在 Ext JS 框架中,有时需要将 Grid 控件的数据渲染到 ComboBox 中,这在实际应用中是非常实用且灵活的功能。下面将详细介绍如何利用 Ext JS 的 XTemplate 特性来实现这一需求。 #### 基本概念与原理 在 Ext JS 中...

    GridRow实现HTML类似表单

    在这里,我们可以实例化`GridRow`并添加到容器中,然后在代码中配置每个单元格的组件和属性。例如: ```actionscript &lt;mx:GridRow&gt; &lt;/mx:GridRow&gt; &lt;mx:GridRow&gt; ^a-zA-Z0-9_@.\-+"/&gt; &lt;/mx:GridRow&gt; ...

    Ext 开发指南 学习资料

    小插曲:只能看不能动的PropertyGrid。 2.10.1.2. 小舞曲:强制对name列排序 2.10.1.3. 小夜曲:根据name获得value 2.10.1.4. 奏鸣曲:自定义编辑器 2.10.2. 分组表格,嘻嘻,这是交叉报表吗? 2.11. 午夜怪谈,论...

    Extjs4 combogrid扩展

    描述中提到的“对combo进行扩展,支持grid显示”,意味着我们将在 Combo 的下拉部分嵌入一个 Grid,这样用户在选择时就能看到多个属性的详细信息,而不仅仅是单一的文本标签。这通常涉及到自定义渲染和监听事件,...

    EXT2.0中文教程

    2.11.2. 再看怎么在表格里拖动行 2.11.2.1. 无用功 之 同一个表格里拖拽 2.11.2.2. 无间道 之 从这个表格拖到另一个表格 2.11.2.3. 无疆界 之 从表格里拖到树上 3. 歌颂吧!只为了树也要学ext。 3.1. 真的,我是...

    delphi 导入excel

    从给定的文件名`UinsertXls.dfm`和`UinsertXls.pas`来看,这似乎是一个包含用户界面(Form)和对应的代码文件。在这个项目中,可能已经定义了用于读取Excel的组件,并实现了相关的事件处理函数。在`.dfm`文件中,...

    Bootstrap嵌入jqGrid,使你的table牛逼起来

    Bootstrap是目前广泛使用的前端框架,它的表格(table)组件简洁且易于使用,但对于需要高度交互性和功能丰富的数据展示,Bootstrap的原生表格组件显得力不从心。这时,jqGrid作为一个强大的JavaScript表格插件,...

    数据库开发框架(PDF版)

    OK搞定主从表重新的方式取得数据,从表不会出现没有条件的select * from detail table*NEW:以前是在DATASET的FIELD中设置只读,则表格标题为红色,必须有值,则标题显示蓝色,现在如果GRID的COLUMN也是只读,则也显示红色....

    掏钱学Ext(完整版) 附全部源码

    1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. 上边那个是1....

    工资管理系统的静态界面

    静态界面的设计美观性很重要,因此CSS的应用必不可少,可以创建响应式布局,使界面在不同设备上看起来都整洁且易于阅读。 3. **响应式设计**:考虑到不同用户可能使用不同的设备访问系统,界面需要具备响应式设计,...

    ExtJs4 进销存 源代码

    1. **UI组件**:ExtJs4提供了丰富的组件库,如表格(Grid)、表单(Form)、树形视图(Tree)等,这些在进销存系统中用于展示和编辑数据。 2. **数据绑定**:ExtJs4支持双向数据绑定,可以自动同步UI和后端数据,...

    Library_Application_Form_With_Tkinter

    《使用Tkinter与SQLite构建图书馆应用表单》 ...通过这个项目,开发者可以学习到GUI编程的基本技巧,以及如何在Python中使用数据库进行数据管理。这样的应用对于理解面向用户的应用程序开发具有很好的实践价值。

    HTML-SIGN-IN-FORM:具有HTML和CSS的简单响应式登录表单

    - 在实际项目中,表单提交后,通常会通过AJAX发送数据到服务器进行验证和处理。不过,这个项目可能仅关注表单的设计和布局,而不涉及后端交互。 通过这个项目,开发者可以学习到创建一个基本且响应式的HTML登录...

    Ext教程_chm

    在EXT_API.chm中,你可以找到关于各种组件如Grid(表格)、Panel(面板)、Window(窗口)、Form(表单)等的详细信息,以及如何配置它们的属性、监听它们的事件、使用数据绑定等功能。此外,还可能包含布局管理、...

    当当购物车页面_当当购物车页面_html网页购物车_js当当购物车_

    4. AJAX(异步JavaScript和XML):AJAX允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在购物车页面,当用户点击“添加到购物车”时,可以使用XMLHttpRequest对象或现代浏览器的fetch ...

    html_1.rar_Pagina web

    在`&lt;body&gt;`部分,我们可以创建标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、段落(`&lt;p&gt;`)、链接(`&lt;a&gt;`)、图像(`&lt;img&gt;`)以及列表(`&lt;ul&gt;`和`&lt;ol&gt;`)。此外,HTML还提供了表格(`&lt;table&gt;`)、表格行(`&lt;tr&gt;`)、表格单元格(`&lt;td&gt;`和...

    Dreamweaver学生网页设计作业 文学文章网页设计作品 简单HTML静态学生网页制作模板成品下载_网页设计作品说明书

    然而,这个作品未提及JavaScript,这意味着表单可能不包含复杂的客户端验证,提交数据可能直接发送到服务器,而不是在本地进行处理。 至于“现代诗”这个文件,很可能是一个子页面或者包含诗词内容的HTML文件。在这...

    ext教程

    当用户在拖拽区域内选择元素并拖动到放置区域时,会触发相应的事件处理器。 #### 六、总结 ext 是一个功能强大且易于扩展的 JavaScript 类库,它为 Web 开发者提供了丰富的工具和组件。通过面向对象的设计思想以及...

    HTML静态网页作业——我的家乡安庆

    - **兼容性问题**: 虽然这个作业看起来是为学习目的而设计的,但在实际开发中,需要考虑不同浏览器之间的兼容性问题。 ### 五、总结 本作业是一个典型的HTML静态网页设计任务,通过这个作业,学生可以学习到HTML和...

Global site tag (gtag.js) - Google Analytics