ExtJS GridPanel不会出现横向滚动条

最新推荐文章于 2021-02-06 18:43:39 发布
原创 最新推荐文章于 2021-02-06 18:43:39 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决ExtJS 3.2版本中GridPanel在列较多时无法显示滚动条的问题。通过设置GridPanel的宽度和高度为固定值（如宽1200px，高500px），可以有效避免列过多导致的内容挤压。

当列比较多的情况，GripPanel不会出现滚动条，而是挤在一起，这种情况下只需要对gridPanel 设置固定宽度和高度就行了


width:1200

height:500

经测试可以使用

本人版本Extjs3.2


Extjs GridPanel 合计功能 解决滚动条滚动问题和页面刷新滚动条回到初始位置问题。
Draco
05-23 6504
说明：客户要求Grid下方有合计功能，截图如下 实现代码如下： Ext.ns('Ext.ux.grid'); var debug = !false; Ext.ux.grid.GridSummary = function(config) { Ext.apply(this, config); }; Ext.extend(Ext.ux.grid.GridSummary, Ext.ut
ExtJs GridPanel简单的增删改实现代码
10-28
ExtJs GridPanel是ExtJs框架中用于展示和管理表格数据的一个重要组件，它提供了丰富的API接口，方便开发者实现复杂的数据操作。根据给出的文件信息，这里将详细解读在ExtJs GridPanel中如何实现基本的增加、删除和...
extjs gridpanel 横向滚动条
zha_zi的专栏
10-21 813
    mlb弄个girdpanl列太多竟然不会自动出现横向滚动条，让我对ext的易用性大为怀疑，在google一艘解决方案一大堆，五花八门，试了一遍竟然没有一个可以解决，这是神马世界，    自己把属性挨着调试了一遍，我相信绝对是属性设置的有问题， 终于发现了病因， width:1200, height:400, //autoHeight:400, //autoWidth:400, ...
Extjs gridpanel 出现横向滚动条问题的解决方法
10-28
Extjs gridpanel 出现横向滚动条问题的解决方法，在gridpanel中加入以下代码即可。
Ext Grid宽高自适应
10-15 1871
 不知是Ext的Bug还是其他原因，当初始化grid并将宽度设为100%时，其宽度会变成10000px宽，高度100%则grid高度根据grid内容自适应，而不是根据其所在容器自适应，一直没有很好的办法，只能使用绝对宽高，但有时这是很不方便的。对此问题一直耿耿于怀，后来终于想出了一个办法，还真的可行，但就是感觉有点蹩脚。一般我们都通过render到指定id的层上来展现grid，虽然不能让grid宽
解决Extjs的GridPanel在IE6下不显示滚动条问题
ShuLiu's Log Book
01-24 969
在GridPanel的外围再加一个Panel设置外围Panel的 autoScroll: true,即可。 此方法实际可用。       var Detailsgrid = new Ext.grid.GridPanel({         id: "PoleDetailsgrid",         store: storePoleDetails,         cm: cm_pol
Extjs grid panel自带滚动条失效的解决方法
10-25
当`Grid Panel`的宽度不足以显示所有的列或者高度不足以显示所有的行时，滚动条就会出现。 滚动条失效的问题可能由多种原因造成，其中一种可能是在过滤`store`数据后，`Grid Panel`未能正确计算新的列宽和行数，...
GridPanel 表头太长，而没有出现滚动条的解决方法
liyiye
09-16 257
   当GridPanel表头太长的时候，我们可以设置属性“autoScroll:true”，当有数据的时候就会出现滚动条，当没有数据的时候   ，滚动条就没有出现。     解决的办法：            Ext.override(Ext.grid.GridView, {                 renderBody : function() {          ...
Extjs gridpanel横向滚动条的显示方法
lg312200538的专栏
03-22 998
用extjs时有时左边为树形菜单，右边为tabpanel时，gridpanel里的横向滚动条显示不出来。可以在gridpanel的属性中，加入以下代码可解决这个问题。 viewConfig : { layout : function() { if (!this.mainBody) { return; // not...
extjs中滚动条属性_ExtJS 4之 控制显示隐藏滚动条、隐藏横向滚动条
weixin_35884854的博客
02-06 1334
ExtJS 都是通过配置完成功能，滚动条也不例外，ExtJS默认是隐藏滚动条，我们来看看怎么显示出来，还是引用之前的例子：Ext.create('Ext.panel.Panel',{title:'控制面板',id:'newpanel',width:400,autoScroll：true,height:400,html:'Hi',renderTo:Ext.getBody()});从上面代码，高亮部分...
ExtJS4.2 panel不显示滚动条问题
Joanna416的专栏
04-24 778
在window框里面创建panel时定义了高度和宽度，检查了数据ID不重复时不显示滚动条，后来试着去掉了宽度的特定限制，只限制高度，则滚动条就出现了。
ExtJS -- grid没有数据时不出现横向滚动条的问题
liangjm99的专栏
05-04 618
执行以下语句就可以了 grid.getView().refresh(); 或 grid.getStore().removeAll();
【转】ExtJS中的grid没有滚动条问题(grid作为form的一个item)
crazyxingjc的专栏
06-28 6255
两种解决方法： 1、grid有自己的scrollBar 思路：首先设置grid的width为grid.getColumnModel().getTotalWidth(false)，然后对包含grid的item设置{ columnWidth : .99, autoScroll : true, items : [grid] } ，同时还可以对grid的columnModel加个listener以动态
Extjs4.2 gridPanel、treePanel 页面刷新后 滚动条位置不变
loveLifeLoveCoding的博客
12-02 1116
方式一：直接使用focusRow( row, [delay] )，让某一行聚焦； 方式二： 在刷新之前，先获得当前滚动条的位置：var scrollTop = grid.getView().getEl().getScrollTop(); //排序之前，grid滚动条的scrollTop 在刷新之后，再将滚动条滚回最开始的位置：grid.getView().getEl().setScrollT...
ext grid 没有数据时不显示横向滚动条的解决办法
小宝
05-28 538
EXT Grid 没有数据时不显示横向滚动条的解决办法： this.grid.getView().mainBody.dom.style.width = this.grid.getView().getTotalWidth();this.grid.getView().mainBody.dom.style.height = '1px';注意：this.grid为创建的grid。 原理很简单哈，Ext...
EXTJs 隐藏 TABPanel window panel 水平 横轴 横向 滚动条
冰峪的死角
12-18 283
[code="java"] 直接写在config中即可。 bodyStyle :'overflow-x:visible;overflow-y:scroll', //隐藏水平滚动条 [/code]
ExtJS项目使用技巧———滚动条
weixin_30456039的博客
12-09 291
<ExtJS项目使用技巧———滚动条>在项目中有时数据会有很多，那么如何滚动呢？如果该js文件继承的是Ext.ux.grid.RowExpanderGrid这个类，那么在文件中需要添加下面的代码即可：viewConfig:{forceFit:false,autoScroll:true},如果项目中继承的是：Ext.ux.grid.CollectG...
extjs4.0.2a gridpanel看不到横向滚动条的一种原因
weixin_30596735的博客
10-12 107
height设定的太大了,滚动条沉底了 另外grid里面没有数据的话,滚动条也不出现得! 转载于:https://www.cnblogs.com/rav009/archive/2011/10/12/5131264.html
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值