一个常见问题的解决——Ext grid的宽度高度如何自适应
2012-05-10 11:50
387 查看
Ext的Grid有个问题,当初始化grid将宽度设为100%时,其宽度会变成10000px宽,高度100%则grid会根据内容自适应,而不是根据其所在容器自适应,一直没有很好的办法。
现在有个比较笨的方法。一般我们都通过render到指定id的层上来展现grid,虽然不能让grid宽高自适应,但层还是可以的。
比如层是<div id="myGrid"></div>。我们可以设置高宽。
<div id="myGrid" style="width:100%;height:450px"></div>。
在初始化grid的时候让其宽高与div层宽高相同即可,并在页面resize时重新计算器宽度即可(一般高度固定还是比较好)。
看代码:
现在有个比较笨的方法。一般我们都通过render到指定id的层上来展现grid,虽然不能让grid宽高自适应,但层还是可以的。
比如层是<div id="myGrid"></div>。我们可以设置高宽。
<div id="myGrid" style="width:100%;height:450px"></div>。
在初始化grid的时候让其宽高与div层宽高相同即可,并在页面resize时重新计算器宽度即可(一般高度固定还是比较好)。
看代码:
var myGrid=Ext.get("myGrid"); var grid = new Ext.grid.GridPanel({ width:orgGrid.getComputedWidth(), height:orgGrid.getComputedHeight(), viewConfig{forceFit:true}, autoScroll:true, }); grid.render(myGrid); window.onresize=function(){ grid.setWidth(0); grid.setWidth(myGrid.getComputedWidth()); };
相关文章推荐
- <转载>如何解决子级用float浮动父级div高度不能自适应的问题
- 哈哈,苦思冥想,解决一个适应屏幕高度自伸缩的问题。(一)
- 解决一个适应屏幕高度自伸缩的问题。(二)
- [Visio 2007]解决 “类图”调整宽度后,换行的文字溢出的问题(如何调整“类图”的高度?)
- 大数据开发如何规避细节问题,换一个角度来解决常见的细节问题
- <转载>如何解决子级用float浮动父级div高度不能自适应的问题
- <转载>如何解决子级用float浮动父级div高度不能自适应的问题
- div错位/解决IE6、IE7、IE8样式不兼容问题,高度不适应
- div错位/解决IE6、IE7、IE8样式不兼容问题,高度不适应
- 微信小程序常见问题->上传文件后如何在后台(php)获取文件名解决方法
- 服务器常见问题,如何解决“远程服务器返回错误”?
- 如何诊断和解决CPU高度消耗(100%)的数据库问题
- 如何诊断和解决CPU高度消耗(100%)的数据库问题
- CSS: 解决Div float后,父Div无法高度自适应的问题
- 如何选择机器学习的算法及适应解决的问题
- 请教一个问题,Log4Net记录日志到Oracle显示中文乱码如何解决?
- Android自定义TextView根据控件高度和宽度,解决字体适配问题
- 如何解决 html 中多空格字符被当作一个空格字符处理的问题
- 中小民营如何解决企业绩效管理常见问题?
- css使图片自动适应div的宽度变化---解决最大宽度问题