`
xugq035
  • 浏览: 36032 次
社区版块
存档分类
最新评论

ext2中grid滚动条问题(已解决)

    博客分类:
  • J2EE
阅读更多
不知道有没有其他人遇到过这样一种情况:在一个grid中如果列数比较多的时候,当出现横向滚动条,把滚动条拖到最后,然后会发现每选择一条记录整个grid就会往左移,右边空出一部份空白。
各位可以在ext的example中的array_grid把列数增加一些去试试

已解决,方法就是重写Ext.grid.GridView,见附件,在加入ext-all.js后再加入这个js即可
分享到:
评论
8 楼 lfrick 2011-08-26  
将第22行改为:
'<thead><tr class="x-grid3-hd-row">{cells}<td width="20">&nbsp;</td></tr></thead>',
7 楼 xiaolait31 2009-11-16  
你好,我用了你的文件,还是没成功,能不能具体说下,修改了什么地方
6 楼 miss4813 2009-11-09  

这是Ext2.2 的一个BUG;

Ext2.3中已经解决这个BUG 了;

建议换成Ext2.3 可以解决这个问题。
5 楼 xugq035 2009-04-14  
sugen 写道
好像不行哦.我这里报错.请问一下lz我的是ext2.01的.我这里直接报ext-all.js里面的错.请lz再看看.


呃...我调试的是2.2了,2.01和2.2差别还是挺大的
4 楼 sugen 2009-04-13  
好像不行哦.我这里报错.请问一下lz我的是ext2.01的.我这里直接报ext-all.js里面的错.请lz再看看.
3 楼 xugq035 2009-03-18  
cjfdove 写道

你好: 我也发觉了这个问题,当我列数超过17的时候,就会有这个BUG,不知楼主有找到解决方法吗?


已经知道解决方法,就是重写Ext.grid.GridView
2 楼 cjfdove 2009-03-11  
但是在Ext网站上Editor Grid Example中,他只有5列,也出现这个问题,这到底是为什么呢?http://www.extjs.com/deploy/dev/examples/grid/edit-grid.html
1 楼 cjfdove 2009-03-11  
你好:
我也发觉了这个问题,当我列数超过17的时候,就会有这个BUG,不知楼主有找到解决方法吗?

相关推荐

    Ext中的Grid控制纵向滚动条单次滚动量

    总结起来,控制Ext Grid Panel的纵向滚动条单次滚动量涉及到对Grid的滚动事件进行监听和自定义处理。通过计算滚动像素与行高之间的关系,我们可以实现对滚动行数的控制,从而优化用户的浏览体验。在实际开发中,还...

    Ext grid panel 滚动条位置不变

    为了确保每次加载数据时滚动条都能正确地回到原来的位置,我们还可以通过覆盖`Ext.grid.GridView`中的方法来进一步增强功能: ```javascript Ext.override(Ext.grid.GridView, { scrollTop: function () { this....

    ext Gird 有滚动条功能

    在Ext Grid中,滚动条功能是至关重要的,特别是在处理大量数据时,它允许用户在不改变窗口大小的情况下浏览数据。本篇文章将深入探讨Ext Grid的滚动条功能,以及如何实现和自定义这一特性。 首先,我们要理解Ext ...

    ExtJs2.2的grid滚动条以及点Grid发生偏移问题

    解决如下两个Bug: Bug1:出现纵向滚动条后,将横向滚动条拖到最后,然后会发现每选择一条记录...Bug2:出现横向滚动条后,向右稍拉滚动条,然后点击任意一行,会发现行内容向左偏移,滚动条向右越多,偏移越明显。

    ext grid json分页显示

    2. 当用户滚动到Grid的底部或者点击分页导航条时,EXT Grid会触发Ajax请求,向服务器发送当前的页码和每页记录数。 3. DWR接收到请求后,根据这些参数在后端数据库执行相应的SQL查询,获取对应页的数据,并将其转换...

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

    // not rendered } var g = this.grid; var c = g.getGridEl(); var csize = c.getSize(true); var vw = csize.width; if (!g.hideHeaders && (vw &lt; 20 || csize.height &lt; 20)) { // display: // none? ...

    Extjs4.0 列隐藏和滚动条动态加载

    在ExtJS 4.0版本中,它提供了一系列功能,包括表格面板(Grid Panel)的列管理以及滚动条的动态加载。让我们深入探讨这些核心概念。 1. **列隐藏与显示** 在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以...

    ext grid带分页(服务器端)

    - 用户滚动到Grid的底部或点击分页条的下一页按钮时,EXT Grid会向服务器发送请求,携带当前页码和每页记录数。 - 服务器根据这些参数查询数据库,只返回当前页面所需的数据,并可能包含总记录数,以便正确显示...

    ExtJS笔记---Grid实现后台分页

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据...在阅读这篇博客时,可以参照给出的"extgrid"文件,查看具体的代码实现,以便更好地理解和学习。

    简单的小例子Ext+servlet 分页

    在分页场景中,Ext JS的Grid组件特别有用,它可以显示大量数据并支持分页功能。 1. **Ext JS Grid分页**: - Ext JS Grid允许开发者设置分页栏,通过`pagingToolbar`配置项,可以轻松添加分页工具栏到Grid底部。 ...

    extgridAPI

    10. **性能优化**:通过虚拟滚动、延迟加载和内存分页等技术,ExtGrid API 可以高效处理大量数据,避免一次性加载所有数据导致的性能问题。 总的来说,ExtGrid API 是一个功能强大的网格组件,它提供了丰富的选项和...

    Ext Panel拼揍表格模板.rar

    如果需要,还可以添加滚动条、边框等。 6. **渲染并附加到DOM**:最后,将Panel渲染到页面上的某个元素,完成表格的展示。 示例代码可能如下: ```javascript Ext.application({ name: 'MyApp', launch: ...

    ext designer 设计实例

    在EXT Designer中,你可以创建面板并设定其大小、边距、背景色等属性,还可以添加标题、工具栏、滚动条等元素,使Panel成为构建复杂布局的基础。 6. **DataView**: DataView用于展示数据集合,通常与ItemTemplate...

    Ext Js权威指南(.zip.001

    10.1.6 虚拟滚动条的工作原理:ext.grid.pagingscroller / 511 10.1.7 锁定列的运行流程:ext.grid.lockable与ext.grid.lockingview / 516 10.2 使用grid / 520 10.2.1 最简单的grid / 520 10.2.2 列的配置项 /...

    Ext扩展控件-------可以通过下拉列表框选择每页的分页条数

    "Ext扩展控件-------可以通过下拉列表框选择每页的分页条数"就是为了解决这个问题而设计的。 这个扩展控件提供了下拉列表选项,用户可以根据需要选择每页显示的记录条数。这样,用户不再局限于预设的几个选项,可以...

    ext gantt2.2

    在实际开发中,EXT Gantt 2.2通常与其他EXTJS库结合使用,如EXT Grid和EXT Form,构建完整的项目管理界面。这些组件可以共享样式和主题,保持整体UI的一致性。 总而言之,EXT Gantt 2.2是一个功能强大且灵活的前端...

    EXT制作的FORM,可以与Servlet进行交互

    这里提到的滚动条效果可能是指在表单中嵌入了一个可以滚动的数据视图,例如`Ext.view.Table`或`Ext.grid.Panel`。EXT提供了一种叫做`Scroller`的组件,可以添加到任何容器中,实现自动滚动。通过监听AJAX加载事件,...

    ExtJS_可编辑Grid进度条

    4. 嵌入式滚动条:这里的“嵌入式滚动条”可能指的是在Grid列内部实现的滚动条,而不是整个Grid的滚动条。这需要我们自定义列渲染器,使得进度条可以随数据的滚动而显示和隐藏。 实现这个功能的步骤大致如下: 1. ...

    分页EXT分页EXT

    EXTJS中的分页组件称为`Ext.picker.Paging`或`Ext.toolbar.Paging`,它通常与`Ext.grid.Panel`(表格组件)一起使用,以处理大量数据。分页工具栏包含上一页、下一页、跳转到指定页和显示每页条目数量的选项。 3. ...

Global site tag (gtag.js) - Google Analytics