Ext Grid 浏览器里自适应宽度高度

最新推荐文章于 2017-06-16 14:43:11 发布

luyanvv

最新推荐文章于 2017-06-16 14:43:11 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/luyanvv/article/details/4510785

本文介绍了一种在IE6浏览器环境下实现GridPanel组件自适应宽度和高度的方法，并提出了通过调整表格布局来进一步优化显示效果的建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

测试环境:IE6

var wid = document.body.offsetWidth;//如果把body变为documentElement会稍微宽些
var hei = document.documentElement.clientHeight;

在GridPanel时:

width: wid,
height: hei,

不过这只是在浏览里面自适应高度及宽度.

可以稍做改变的,弄得TABLE之类的,把DIV放里面,再渲染到DIV里.

有什么更好的自适应高度宽度的就提出来哦

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

luyanvv

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决extjs grid 不随窗口大小自适应的改变问题

10-26

- 在进行Grid的配置时，应确保相关的尺寸设置不会阻止Grid的自适应行为，如使用`autoWidth:true`和`autoHeight:true`选项来允许Grid根据内容自适应宽度和高度。 - 有时候，直接刷新Grid视图可能会导致一些性能问题，...

精通JS脚本之ExtJS框架.part1.rar

03-02

9.5.2 Ext.grid.GroupingView的配置操作 9.6 可拖放的表格 9.6.1 拖放改变表格的大小 9.6.2 在同一个表格里拖放 9.6.3 表格之间的拖放 9.6.4 表格与树之间的拖放第10章设计树状结构布局 10.1 TreePanel的...

参与评论您还未登录，请先登录后发表或查看评论

Ext的Grid自适应问题解决方案

weixin_34417183的博客

01-23

247

应该是Ext的bug，当给grid的宽度设为100%时，其宽度会变成10000px，高度设置为100%，其内容自适应，而不是根据其容器自适应。无奈只能通过其高度宽度设置为固定值（很管用的）这样不论页面宽度怎么变化grid都会自适应页面容器了。 js代码如下： // create the Grid var grid = new Ext.grid....

Ext Grid宽度自适应

lalicw的专栏

05-07

1767

我们使用Ext的Grid的时候，在改变浏览器宽度时，需要Grid也相应的改变其宽度，以便能够Grid宽度自适应。那么我们可以注册window.onresize函数进行相应。但是如果用户把浏览器宽度拉得很小的时候，就可能显示不清楚了，所以我们还可以设置一个最小宽度，以保证列内容能大致看清楚。浏览器小于这个宽度的话，Grid最小就是这个宽度了并出现水平滚动条。页面布局如下：

div水平居中，让Ext Grid自适应浏览器宽度

反ㄋ方向 .

05-13

4756

今天搞了我差不多一个下午，就解决div水平居中，并让页面自适应浏览器宽度。Ie浏览器真是搞死人，ff/google浏览器都很好调试，就ie好不容易才出来效果。呵呵！这图片终于派上用场了下面是ie下水平居中样式，且只适用于ie，其它浏览器没反应。 style type="text/css">.divboxcenter{text-align:center;

实现Ext Grid宽高自适应

weixin_30297281的博客

05-11

190

不知是Ext的Bug还是其他原因，当初始化grid并将宽度设为100%时，其宽度会变成10000px宽，高度100%则grid高度根据grid内容自适应，而不是根据其所在容器自适应，一直没有很好的办法，只能使用绝对宽高，但有时这是很不方便的。对此问题一直耿耿于怀，后来终于想出了一个办法，还真的可行，但就是感觉有点蹩脚。一般我们都通过render到指定id的层上来展现grid，虽然不能让grid...

ExtJs学习笔记（三）——grid高度自适应浏览器

zsy_li的博客

06-16

1236

有个需求：grid高度自适应浏览器。博主设置layout: 'fit'也不行，上网找了一下，有个方法挺好用，记录下来： window.onresize=function(){//浏览器大小改变时触发 if(Ext.getCmp('idCardSearchEachGridPanel')){ //document.body.clientHeight 浏览器高度

自适应网站模板的加载速度优化

[自适应网站模板的加载速度优化](https://seoportal.net/images/baza/skorost-zagruzki/minifikatsiya/html-compressor-1.png) # 摘要网站加载速度对于用户体验和搜索引擎排名至关重要。本文探讨了网站加载速度的...

Extjs gridpanel 出现横向滚动条问题的解决方法

10-28

如果GridPanel是自适应高度的（`g.autoHeight`），则调整内部头部（`innerHd`）的宽度与视口宽度相同。 3. **固定列宽和自动扩展**：对于非自适应高度的情况，调整GridPanel本身以及滚动条的大小。然后，如果启用...

ExtAspNet v2.2.1 （2009-4-1）值得一看

04-01

-修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件（比如Panel,Region,Tab等）增加AJAX...

Table自适应以及溢出的一些设置详解

01-21

1、table重置的两个属性： ①border-collapse: collapse; /* 为表格设置合并边框模型 */ ②border-spacing: 0; /* 设置在表格中的单元格之间出现的间距为0 */ 代码：序号开始时间

EXT gridPannel自适应宽度的实现

mmdobest

05-20

241

在Ext初始化的时候读取div的宽度, var content_width = parseInt(Ext.get("content_div").getComputedWidth()); var grid = new Ext.grid.EditorGridPanel({ el : 'gridDiv', width : $("gridDiv").style.w...

一个常见问题的解决——Ext grid的宽度高度如何自适应

weixin_33877092的博客

05-10

408

Ext的Grid有个问题，当初始化grid将宽度设为100%时，其宽度会变成10000px宽，高度100%则grid会根据内容自适应，而不是根据其所在容器自适应，一直没有很好的办法。现在有个比较笨的方法。一般我们都通过render到指定id的层上来展现grid，虽然不能让grid宽高自适应，但层还是可以的。比如层是<div id="myGrid"></div>。我们...

EXT中GRID自动适应宽与高

weixin_30551947的博客

04-09

114

EXT中GRID自动适应宽与高 EXT中的GRID想要自动适应宽与高，设置GRID的宽度根本没有用，因为他只能实用像素，不要用%，考虑到GRID是放置与一个容器中，将容器的layout属性设置为“fit”，这时候我们可以看到达到我们所要的效果了！原来还有更好的方式，添加样式： <styletype="text/css"&...

Ext Grid表格的自动宽度及高度的实现

abo38416的博客

04-27

247

希望Ext的表格能自适应外层的div大小，但Ext的Grid构造函数的width、height项不支持100%的设置方式，所以改用以下方式初始化Grid：width: Ext.get("content").getWidth(),height: Ext.get("content").getHeight(),<div id="content"> <div id...

EXTJS Grid自适应浏览器

amino77的专栏

07-22

885

Ext Grid宽高自适应

10-15

1852

ExtJs关于grid高度自适应浏览器的问题解决办法

dwj200810的博客

05-13

321

ExtJs中对于grid适应高度问题相信很多人都遇到过，宽度当然好说，高度设置了百分比结果始终不能适应容器高度。解决思路是，加载完成时，获取document对象的高度，减去grid上面其他panel的高度（如果页面只有一个grid的话可以省去这一步），然后结果付给grid的高度。当浏览器高度变化的时候，调用window对象的onresize方法，再次按照上述步骤，重新调整grid的...

Ext Grid表格自动调整宽度和高度的方法

"这篇文章主要介绍了如何在Ext Grid中实现表格的自动宽度和高度调整，以适应页面容器的变化。" 在Web开发中，特别是在使用Ext JS框架时，创建动态且响应式的用户界面是至关重要的。Ext Grid是Ext JS库中的一个核心...