当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将不起作用!!!
分享到:
相关推荐
大数据量高性能前端表格grid 动态加载数据 可以做到 一边滚动一边加载新的dom,并同时删除不可见的dom,防止因数据过大引起的dom卡顿
IGrid25,数据表格控件,自定义DataGrid 内含C# 和 VB.net例子
grid能很好的显示数据,相信大家会喜欢
extjs4 grid 包括form js代码
5种最流行好用的表格grid控件
grid表格 简单demo
vue-grid是一个可以快速简直,并且通过表格来渲染数据的vue.js组件。
WPF 原生的Grid表格线不够美观,想要更美观的表格线,可以根据自己的喜好设置颜色,也支持表格单元格行列合并,以上资源可满足。
此功能是在原有demo版本上改进,增加了很多的个别需求实现,在原来的版本是做不到的。 具体的引用js和style我没有上传,此代码只是备忘以及便于各位在使用kendoui这个插件时能更多的运用一些技巧的处理,所以只提供...
Grid数据导出到Excel文件,尝试了三种方法,并比较。
extjs动态表格实例(封装GRID,从STRUTS2读取后台数据 )
适用于ArcGIS用户的Grid表格到table表格转换工具,适用于ArcGIS用户的Grid表格到table表格转换工具
dhtmlxGrid 表格插件-在网页上实现Excel表功能,这个插件功能挺多,当然包括的示例也比较多,包括了Accordion折叠展开特效、表格中调用Calendar日历、Chart报表、ColorPicker颜色选择器、Combo选项、DataView网页版...
SmartGrid表格控件 for Asp.Net(Web Grid DataGrid)
pqgrid另一个很牛差的jquery表格插件,功能有排序、列拖动、表头搜索、控制要显示的列头等,解压后运行index.htm即可
相邻表格相同数据看起来不好看,而且显得冗余,如果将相邻表格的相同数据进行合并处理,不仅看起来美观很多,而且显得更加的专业。
NULL 博文链接:https://jin8000608172.iteye.com/blog/1741334
SmartGrid表格控件(求注册)SmartGrid表格控件(求注册)
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
Ultimate Grid,很有名的表格类库,用mfc开发一些数据库的时候很有用,能直接将ADO和Grid绑定。里面包含了完整源代码,示例和帮助文档。