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

最新推荐文章于 2017-06-16 14:43:11 发布
最新推荐文章于 2017-06-16 14:43:11 发布
阅读量1.5k 收藏
点赞数
文章标签： 浏览器 ext div table 测试 ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luyanvv/article/details/4510785
版权

测试环境:IE6

 

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

 

在GridPanel时:

                width: wid,
                 height: hei,

 

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

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

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

luyanvv
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ext Grid表格的自动宽度及高度的实现
07-19
Ext Grid表格的自动宽度及高度的实现
Ext JS Grid在IE6 下宽度的问题解决方法
10-30
Grid设置为autoWidth:true时在ie6下宽度为10000px
Ext的Grid自适应问题解决方案
weixin_34417183的博客
01-23 210
应该是Ext的bug，当给grid的宽度设为100%时，其宽度会变成10000px，高度设置为100%，其内容自适应，而不是根据其容器自适应。 无奈只能通过其高度宽度设置为固定值（很管用的） 这样不论页面宽度怎么变化grid都会自适应页面容器了。 js代码如下： // create the Grid var grid = new Ext.grid....
Ext Grid宽度自适应
lalicw的专栏
05-07 1658
我们使用Ext的Grid的时候，在改变浏览器宽度时，需要Grid也相应的改变其宽度，以便能够Grid宽度自适应。   那么我们可以注册window.onresize函数进行相应。但是如果用户把浏览器宽度拉得很小的时候，就可能显示不清楚了，所以我们还可以设置一个最小宽度，以保证列内容能大致看清楚。浏览器小于这个宽度的话，Grid最小就是这个宽度了并出现水平滚动条。   页面布局如下：  
div水平居中，让Ext Grid自适应浏览器宽度
反ㄋ方向 .
05-13 4704
      今天搞了我差不多一个下午，就解决div水平居中，并让页面自适应浏览器宽度。Ie浏览器真是搞死人，ff/google浏览器都很好调试，就ie好不容易才出来效果。呵呵！这图片终于派上用场了下面是ie下水平居中样式，且只适用于ie，其它浏览器没反应。  style type="text/css">.divboxcenter{text-align:center;
实现Ext Grid宽高自适应
weixin_30297281的博客
05-11 147
不知是Ext的Bug还是其他原因，当初始化grid并将宽度设为100%时，其宽度会变成10000px宽，高度100%则grid高度根据grid内容自适应，而不是根据其所在容器自适应，一直没有很好的办法，只能使用绝对宽高，但有时这是很不方便的。 对此问题一直耿耿于怀，后来终于想出了一个办法，还真的可行，但就是感觉有点蹩脚。 一般我们都通过render到指定id的层上来展现grid，虽然不能让grid...
ExtJs学习笔记（三）——grid高度自适应浏览器
zsy_li的博客
06-16 1146
有个需求：grid高度自适应浏览器。博主设置layout: 'fit'也不行，上网找了一下，有个方法挺好用，记录下来： window.onresize=function(){//浏览器大小改变时触发 if(Ext.getCmp('idCardSearchEachGridPanel')){ //document.body.clientHeight 浏览器高度
Qt中QTextEdit高度自适应
01-06
如果不想出现滚动条，而想QTextEdit的高度随着文字的增加或减少而改变。 //widget.h #ifndef WIDGET_H #define WIDGET_H #include #include #include #include class Widget : public QWidget { Q_OBJECT public: ...
Textarea根据内容自适应高度
12-12
直接看代码吧，很简单，也很实用。 代码如下:<!DOCTYPE html><...<head><title>autoresizing textarea</title>...style type=”text/css”>textarea { border: 0 none white;...if
解决extjs grid 不随窗口大小自适应的改变问题
12-07
最近遇到的问题，在使用grid的时候窗口改变了但是grid却不能自适应的改变于是加了一条这行语句 问题就解决了，效果图 拖大后的效果 添加的语句： 代码如下: Ext.EventManager.onWindowResize(function(){ grid1....
Table自适应以及溢出的一些设置详解
01-21
1、table重置的两个属性： ①border-collapse: collapse; /* 为表格设置合并边框模型 */ ②border-spacing: 0; /* 设置在表格中的单元格之间出现的间距为0 */ 代码： <div class=fz> <div xss=removed class=bg-grey> <table class=bg-white> <tr> <th>序号</th> <th>开始时间</th>
EXT gridPannel自适应宽度的实现
mmdobest
05-20 174
在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 339
Ext的Grid有个问题，当初始化grid将宽度设为100%时，其宽度会变成10000px宽，高度100%则grid会根据内容自适应，而不是根据其所在容器自适应，一直没有很好的办法。 现在有个比较笨的方法。一般我们都通过render到指定id的层上来展现grid，虽然不能让grid宽高自适应，但层还是可以的。 比如层是<div id="myGrid"></div>。我们...
EXT中GRID自动适应宽与高
weixin_30551947的博客
04-09 82
EXT中GRID自动适应宽与高 EXT中的GRID想要自动适应宽与高，设置GRID的宽度根本没有用，因为他只能实用像素，不要用%，考虑到GRID是放置与一个容器中，将容器的layout属性设置为“fit”，这时候我们可以看到达到我们所要的效果了！ 原来还有更好的方式，添加样式： <styletype="text/css"&...
EXTJS Grid自适应浏览器
amino77的专栏
07-22 829
js文件相关代码如下： 在var grid = new Ext.grid.GridPanel({ renderTo:"UserGrid", //显示表格的地方，与div要一致 ...... }); 后如下代码。 //浏览器窗口调整时的触发事件--自动适应浏览器窗口调整  window.onresize=function(){  grid.setHeight(Ext.get(
Ext Grid宽高自适应
10-15 1809
 不知是Ext的Bug还是其他原因，当初始化grid并将宽度设为100%时，其宽度会变成10000px宽，高度100%则grid高度根据grid内容自适应，而不是根据其所在容器自适应，一直没有很好的办法，只能使用绝对宽高，但有时这是很不方便的。对此问题一直耿耿于怀，后来终于想出了一个办法，还真的可行，但就是感觉有点蹩脚。一般我们都通过render到指定id的层上来展现grid，虽然不能让grid宽
ExtJs关于grid高度自适应浏览器的问题解决办法
dwj200810的博客
05-13 264
ExtJs中对于grid适应高度问题相信很多人都遇到过，宽度当然好说，高度设置了百分比结果始终不能适应容器高度。 解决思路是，加载完成时，获取document对象的高度，减去grid上面其他panel的高度（如果页面只有一个grid的话可以省去这一步），然后结果付给grid的高度。 当浏览器高度变化的时候，调用window对象的onresize方法，再次按照上述步骤，重新调整grid的...
Ext.MessageBox.alert如何调节自适应宽度
最新发布
05-05
Ext.MessageBox.alert 的自适应宽度是由提示框内部的内容决定的，因此你可以通过调整提示框内部内容的宽度来实现自适应宽度的调节。 你可以在定义消息框的时候，设置 `minWidth` 和 `maxWidth` 属性来控制消息框的最小和最大宽度。例如： ``` Ext.MessageBox.alert({ title: '提示', message: '这是一条提示消息', minWidth: 300, // 最小宽度为300像素 maxWidth: 600, // 最大宽度为600像素 }); ``` 另外，你也可以通过自定义 CSS 样式来控制消息框的宽度。例如： ``` Ext.MessageBox.alert({ title: '提示', message: '这是一条提示消息', cls: 'my-custom-class' // 自定义 CSS 样式类名 }); ``` 然后在 CSS 文件中定义 `my-custom-class` 样式类： ``` .my-custom-class .x-message-box-inner-body { width: 500px; // 设置消息框内部内容的宽度为500像素 } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值