Ext grid 如何控制滚动条

最新推荐文章于 2021-09-06 16:24:23 发布

原创最新推荐文章于 2021-09-06 16:24:23 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ext

本文介绍了如何使用代码控制Extgrid中的滚动条上下滚动的方法。通过简单地修改grid.getView().scroller.dom.scrollTop属性值，可以轻松实现滚动条的位置调整。

如图 Ext grid的滚动条当我们滑动鼠标时，滚动条可以滚动，但是如何用代码来控制滚动条的滚动呢？

答案很简单通过grid.getView().scroller.dom.scrollTop=grid.getView().scroller.dom.scrollTop+(-)变化值。

如让滚动条下滑：grid.getView().scroller.dom.scrollTop=grid.getView().scroller.dom.scrollTop+50；

如让滚动条上滑：grid.getView().scroller.dom.scrollTop=grid.getView().scroller.dom.scrollTop-50；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lveclipse

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

03-20

Ext中的Grid,在很多行的情况下,出现纵向滚动条的情况下,鼠标滚轴单次滚动后，Grid表格移动的行数控制

Ext3.x版本锁定列和多表头的插件,BUG修复版

sword_happy的博客

11-12

788

Ext3.x版本的锁定列和多表头都是通过插件实现，但是这两个插件不能一起工作，而实际上这样的业务也是存在的，即在多表头的情况下也需要锁定列。在Ext的论坛上有很多这样的需求，都没有一个解决方案，除了一个需要收费的（150没有），而且联系起来也麻烦。后面决定自己做一个。效果如下图：使用方法： this.view = new Ext.ux.grid.LockingHeaderGro...

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

Ext Grid 锁定列+多表头的设计与实现（二）

JustCoding_的专栏

01-18

4738

上一次实现了锁定列，我是用的是Ext3.2扩展包里面的lockingGridView插件，实现起来还是很简单的。此外Grid还需要多表头，我从网上下到了几个关于多表头的插件，单独使用没有问题，但是将多表头和锁定列放到一起使用的时候就会报错。我查看了一下多表头的代码，发现了这个方法： renderHeaders: function() { var ts = this.templates,

GridPanel 带头和锁定列共存

weixin_30783629的博客

03-02

164

该功能还存在很多BUG，仅供参考 Ext.net.ResourceMgr.load([{ url: _HOST + "Js/OverwriteExtjs/LockingHeaderGroupView.js"}]);//rows为Record.data的数组view = new Ext.ux.grid.LockingHeaderGroupView({ grows: [rows] });c...

ext 4.2 grid刷新后 滚动条位置不变

jwl_yifeng的专栏

12-27

2647

最近开发遇到问题，每次刷新grid的store之后，总是滚动到最前边，从网上搜到的方法是在实时刷新的时候数据量过大会出现滚动条。这时候需要记录滚动条的位置。只需在grid的viewConfig属性里面添加如下参数 Js代码 onLoad : Ext.emptyFn, listeners : { before

EXT3.1-gridpanel定时刷新滚动条自动滚动

D1208的专栏

08-10

1224

今天在弄ext grid定时刷新时，碰到个问题，就是当出现滚动条，随便滚动一下，滚动条就会自动滚动。然后就网上找各种解决方案，发现没有3.4版本的（这里可能是我找的方向不对，请大家多多指教）。最后想想，还是自己看看api呗，还真找到解决方案了，简单说说我怎么找的，如下（针对extjs3.4版本）看到滚动条，首先想到关键词scroll，果不其然，在gridpanel里找到一个很像的事件：body

Extjs4 GridPanel的主要配置参数详细介绍

shzqiang的专栏

05-12

282

1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为false cm、colModel：表格的列模式，渲染表格时必须设置该配置项 sm、sel...

extjs中滚动条属性_Extjs grid panel自带滚动条失效的解决方法

weixin_39957805的博客

12-19

491

之前用EXTJS的gridPanel组件的时候，因为经常对gridPanel中的stroe数据进行过滤，所以有时候总是导致gridPanel自身所带的scrollbar失效。取个实例，EXTJS gridPanel自带的滚动条，是有一个固定的列宽来放置这个scrollbar的，如上图所示。所以当这个scrollbar失效的时候，无论你怎么拖动这个滚动条，grid中的数据永远都不会随scrollba...

grid显示滚动条控制

热门推荐

firetaker的专栏

04-02

1万+

当GridPanel表头太长的时候，我们可以设置属性“autoScroll:true”，当有数据的时候就会出现滚动条，当没有数据的时候，滚动条就没有出现。解决的办法：Ext.override(Ext.grid.GridView, { renderBody : function() { var m

表格视图——Ext.grid.GridView

Donny的专栏

12-25

2196

Ext的表格控件都遵守MVC模型，Ext.data.Store可看做Model模型，Ext.grid.GridPanel中设置的各种监听器可看做Controller控制器，而Ext.grid.GridView对应的就是View视图。通常情况下，我们不需要创建Ext.grid.GridView的实例，Ext.grid.GridPanel会自动生成对应的实例，使用默认的样式将表格显示到页面上。当我们要...

ext的GridPanel控制滚动条

jt042435的专栏

08-28

2804

由于grid内容太多出现了滚动条，但我想要某一条记录在屏幕上看到，下午试了好多方法都没实现，在我快放弃的时候看了下帮助文档，原来很简单，grid.getView().focusRow(indexRow);

Ext grid 滚动条自动滚动

05-19

566

grid.getView().scroller.dom.scrollTop=grid.getView().scroller.dom.scrollHeight - grid.getView().scroller.dom.offsetHeight;

excel查重_Excel表格制作教程：还在人眼查重？别傻了，这个功能超简单

weixin_39616379的博客

11-30

602

回复[目录]学习200篇Excel教程全套Excel视频教程，微信扫码观看后台有小伙伴留言询问如何从一组数据中删除重复数据，今天就来讲解一下。某个公司要举行一场大型会议，邀请几百家公司参加， 3名工作人员分别打电话确认这些公司是否要来参加会议。最终将数据进行汇总后结果如下，可以看到汇总数据中有重复的公司。由于公司的名称有的是全称有的是简称，只有人眼可以判断，excel是无法判断的，所以无...

Extjs3表格数据定位并滚动到指定列

weixin_44048781的博客

09-06

571

viewConfig : { forceFit : true, deferEmptyText : true, emptyText : "无相关数据", // 自定义的滚动方法 // 滚动Grid到指定的Record scrollToReco...

Ext的panel中部分固定显示，部分拖动显示-滚动条

我是谁的专栏

08-12

3654

Fixed Sorting Table (Ext) var dataStr; getJSON("${base}/ajax/loadELogSheet.action", function(msg){ dataStr = msg; },false); Ext.onReady(function(){

Extjs6 实现根据查询框查询，选中所要查询的行，并且滚动条定位到选中行。

weixin_44288659的博客

03-31

511

实现效果大致这样，通过底部的查询框，输入名称，之后竖向滚动条定位到指定位置。（类似ctrl + f）的功能。大致的思路是： 1、通过store里面的records数据判断是否有相同的仓库，如果相同就选中这一行。 2、获取整个竖向滚动条的高度，根据查询出来的数量，计算出每条数据在竖向滚动条所站的高度是多少，移动了多少。 3、最后设置滚动条的高度位置。下面贴上代码： this.quicks...

extjs中横向滚动条的设置之一

小蜗牛的博客

07-25

4610

情况说明：用于显示的数据列数过多，必须用横向滚动条才能展示在插入表格的div中修改如下： <div id="griddata" style="overflow-x:scroll;width:100%;"></div> 还需要在js配置中设置宽度，width：1500px...

ExtJs控件属性配置详细

weixin_34233618的博客

08-27

555

序言： 1.本文摘自网络，看控件命名像是4.0以前的版本，但控件属性配置仍然可以借鉴（不足之处，以后项目用到时再续完善）。 Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最大值时的错误提示信息 minValue：列表中允许的最小时间 ...

ExtJS (3.3的使用)

Hero_孙的博客

10-18

2421

项目中使用到 EXT 3.3/3.4 做开发(09年的项目) 下载 Ext 3.3所需的资料目录 1 面板的创建 2 viewPort 的创建 3 对话框,弹出框 4 选项板 (tabpanel) 也可以直接把html中的标签替换成TabPanel 动态tab 1 面板的创建显示一个panel <html xmlns="http://www....

Ext gridpanel 在chrome错位

zdzyh1989的专栏

12-12

645

当ExtJS3.4.0版本（其之前的版本应该也存在此问题）的Grid组件中同时存在水平和垂直滚动条时，在Chrome浏览器下（基于webkit渲染引擎下的浏览，safari也存在，本人未测）垂直滚动条会导致内容列错位。这是一个浏览器兼容性的ExtJS原生BUG（EXTJSIII-47），在ExtJS3.4.2版本中解决了。具体效果如下图：通过上图，可以明显的看到Grid组件的内容列发生“错位”的...