Ext grid 如何控制滚动条

最新推荐文章于 2020-12-29 01:43:23 发布

lveclipse

最新推荐文章于 2020-12-29 01:43:23 发布

阅读量2.5k

点赞数

文章标签： ext

本文链接：https://blog.youkuaiyun.com/lveclipse/article/details/6443408

版权

如图 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表格移动的行数控制

Ext 设置panel内部的gridpanel的滚动条

热门推荐

溜溜溜的pipi

10-09

1万+

今天被GridPanel的滚动条问题困惑了很久 1、在GridPanel中设置 autoScroll="true" 和autoHeight=“true”和autoWidth=“true”时滚动条不出现 2、在GridPanel中设置autoScroll="true" 和Height=“1152”和Width=“718”时滚动条才出现，但是设置固定宽度后换个分辨率不同的浏览器就乱套了 3、于是

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

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

weixin_39957805的博客

12-19

423

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

extjs gridpanel 横向滚动条

zha_zi的专栏

10-21

787

mlb弄个girdpanl列太多竟然不会自动出现横向滚动条，让我对ext的易用性大为怀疑，在google一艘解决方案一大堆，五花八门，试了一遍竟然没有一个可以解决，这是神马世界，自己把属性挨着调试了一遍，我相信绝对是属性设置的有问题，终于发现了病因， width:1200, height:400, //autoHeight:400, //autoWidth:400, ...

Extjs grid横向滚动条

weixin_30826761的博客

08-01

238

关于Extjs gridpanel设置autoHeight:true时，横向滚动条的问题使用gridpanel时我们有时需要给设置autoHeight:true，但这时如果表格的宽度大于它的容器的宽度，多余的内容就会被隐藏而不会出现横向的滚动条，费了老大劲儿才找到了解决办法，方法就是给gridpanel的option config添加如下属性： view plainco...

Ext grid panel 滚动条位置不变

02-17

### Ext grid panel 滚动条位置不变在前端开发领域，特别是在使用Ext JS框架时，保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下，这一功能可以确保用户在数据刷新后仍然停留在之前...

Ext JS Grid纵向滚动条单步滚动行数控制

在Ext中的Grid组件里，纵向滚动条单次滚动量的控制涉及多个方面，包括但不限于如下知识点： 1. 滚动条的配置在Ext.grid.Panel组件中，可以通过配置项来控制滚动条的行为。最直接相关的是`verticalScroller`配置项...

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

12-09

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

EXT Grid新功能：实现滚动条控制与优化

其中，“ext Grid 有滚动条功能”指的是Ext Grid组件支持添加垂直或水平滚动条，以方便用户查看超出当前视窗范围的数据行或列。接下来，我们详细解析一下这个知识点： 1. **Ext Grid 组件基础功能** Ext Grid ...

ext grid添加横向滚动条

weixin_30322405的博客

08-14

466

Ext.override(Ext.grid.GridView, { renderBody : function() { var markup = this.renderRows(); if (markup == "") m...

ext的GridPanel控制滚动条

jt042435的专栏

08-28

2748

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

css设置滚动条样式

wwf1225的博客

12-15

3614

css设置滚动条样式先看效果图附上效果图代码： 1.style部分 <style> /*定义滚动条样式（高宽及背景）*/ ::-webkit-scrollbar { width: 6px; /* 滚动条宽度， width：对应竖滚动条的宽度 height：对应横滚动条的高度*/ background: #007acc; } /*定义滚动条轨道（凹槽）样式*/ ::-webki..

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

D1208的专栏

08-10

1110

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

ExtJs里表格自动显隐滚动条

weixin_34391854的博客

06-24

189

ExtJs里面，layout:’border’这种布局应该很常用，但我用的时候，因为不熟，走了一些弯路。比如说，一个页面，大体布局是这样的：上：查询输入框中+下：查询结果（表格，底部有分页控件）代码如下，其中有些属性一定要设置才能达到理想的效果（参阅注释）： var formQuery = Ext.create('QueryFormTongji', { ...

extjs grid滚动条问题

terryjim的专栏

04-25

950

在win或form里面嵌套使用grid时会发现grid的滚动条出不来，解决办法很简单，设置

Ext.Panel的滚动条控制

dnxtgw7019的博客

12-05

237

　　新进一个项目组 , 前台是用ExtJs做的 , 刚开始看的我头晕啊(ㄒoㄒ)/~~ 。不过经过一段时间的学习，已经能适应开发了。最近在做一个页面，采用的是Ext.viewport嵌套Ext.Panel的布局，由于显示的内容比较多，给Panel设置了滚动条 。期间需要给Panel里面的一些组件添加鼠标mouseover事件，触发Panel的滚动条移动。但是查遍...

ExtJs案例（一） ~~自由定义Grid表格的滚动条

xiaozhegaa的博客

10-11

1305

目录自由定义Grid表格的滚动条 一、需求分析：二、自由定义滚动条 三、整理思路四、代码编写五、效率问题六、动态展示：“加载更多”按钮内容自由定义Grid表格的滚动条 一、需求分析：在前一篇文章，已经分享了Grid表格加载更多的代码，现在需求是：加载更多之后，自动将滚动条定位到最底部。二、自由定义滚动条 参考了网上各种博客代码，十几篇博客都在说同一个代...

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

jwl_yifeng的专栏

12-27

2554

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

extjs中滚动条属性_Extjs中GridPanel的各个属性与方法

weixin_35895056的博客

12-29

726

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