首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在刷新时停止ExtJS网格滚动

在ExtJS中,要在刷新时停止网格滚动,可以使用以下方法:

  1. 获取网格组件的滚动条对象:
  2. 获取网格组件的滚动条对象:
  3. 停止滚动:
  4. 停止滚动:

完善且全面的答案如下:

在ExtJS中,网格是一种常用的数据展示组件,它可以以表格的形式展示数据,并且支持滚动功能。有时候,在刷新网格数据时,我们希望停止网格的滚动,以提升用户体验。下面是实现停止ExtJS网格滚动的方法:

  1. 首先,我们需要获取网格组件的滚动条对象。可以通过网格的ID来获取网格组件,然后使用getScrollable()方法获取滚动条对象。示例代码如下:
  2. 首先,我们需要获取网格组件的滚动条对象。可以通过网格的ID来获取网格组件,然后使用getScrollable()方法获取滚动条对象。示例代码如下:
  3. 接下来,我们可以使用滚动条对象的scrollTo()方法来停止滚动。将滚动条的位置设置为顶部,即可停止滚动。示例代码如下:
  4. 接下来,我们可以使用滚动条对象的scrollTo()方法来停止滚动。将滚动条的位置设置为顶部,即可停止滚动。示例代码如下:

这样,在刷新网格数据时,网格将停止滚动,用户可以更方便地查看新加载的数据。

ExtJS是一款功能强大的前端开发框架,它提供了丰富的组件和工具,用于构建现代化的Web应用程序。网格是ExtJS中常用的数据展示组件之一,它可以以表格的形式展示数据,并且支持滚动功能。停止网格滚动可以提升用户体验,特别是在刷新网格数据时。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云数据库(TencentDB)、腾讯云对象存储(COS)等。您可以访问腾讯云官网了解更多产品信息和详细介绍。

参考链接:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用 fartscroll.js 让你的网页滚动放屁

放屁绝对不是一个很高雅的行为,但是如果你比较喜欢恶搞,或者愚人节,或者是一些比较特殊的网页设计中,可以通过 fartscroll.js 这个插件让你的网页滚动的过程中 放屁。...直接打开 fatscroll.js 的官方页面(http://theonion.github.io/fartscroll.js/),滚动一下,你就可以听到了放屁声音了,你滚动的距离和速度不同,放屁的声音也不同...使用方法也很简单,先下载插件包,解压出来之后,在网页中引入 fartscroll.min.js 这个文件,然后配置下面的参数等,启用这个插件: // 文档中滚动 400 像素就放屁 $(document...).fartscroll(); // 文档中每滚动 800 像素就放屁 $(document).fartscroll(800); // 网页中没滚动 100 像素就放屁 $("body").fartscroll...(100); // 很多很多的屁 $("body").fartscroll(5); 仅供娱乐和恶搞哈,相信应该没有太多人喜欢访问你网页的时候,听到你网页放屁哈哈。

89820

Python 2.7即将停止支持,我们为你准备了一份3.x迁移指南

2019 年底,Numpy 等很多科学计算工具都将停止支持 Python 2,而 2018 年后 Numpy 的所有新功能版本将只支持 Python 3。...明确了解哪些类型方法适合大型系统很有帮助,它会在函数未得到此类参数给出提醒。...sorted([2, '1', 3]) # invalid for Python 3, in Python 2 returns [2, 3, '1'] 处理原始数据帮助发现存在的问题。...数据科学特有的代码迁移问题(以及如何解决它们) 停止对嵌套参数的支持: map(lambda x, (y, z): x, z, dict.items()) 然而,它依然完美适用于不同的理解: {x:z...但我们不应等到流行工具包开始停止支持 Python 2 才开始行动,提前享受新语言的功能吧。

1.4K40

Docker守护进程停机期间保持容器运行(即重启Docker,正在运行的容器不会停止

前言: 默认情况下,当 Docker 守护进程终止,它将关闭正在运行的容器。不过,我们可以配置该守护进程,以便在该守护进程不可用时容器仍在运行。这种功能称为实时恢复。... Linux 上,默认的配置文件为/etc/docker/daemon.json vim /etc/docker/daemon.json { "live-restore": true } 2.Docker...kill -SIGHUP $(pidof dockerd) 3.检查上面的配置是否成功 docker info | grep -i live 4.重启Docker,此时重启Docker就容器就不会停止了...配置是否成功 [root@localhost ~]# docker info | grep -i live Live Restore Enabled: true 5.重启Docker,验证容器是否会停止...Docker后,上面在运行的两个容器的运行时间分别为1小、32分钟,容器并没有我们重启Docker停止,而是一直保持运行状态 。

3.5K20

超级实用!,掌握这9个鲜为人知的CSS属性

mandatory :容器会自动吸附到最近的吸附点,确保滚动过程中始终处于吸附位置。 proximity :如果滚动停止特定的阈值内,容器会自动对齐到最近的对齐点。...scroll-snap-align scroll-snap-align 属性控制滚动容器中捕捉位置的对齐方式。它决定了滚动停止滚动容器与捕捉点的对齐方式。...这是一个将捕捉位置与滚动容器的起始位置对齐的示例: .container { scroll-snap-align: start; } 使用这个CSS,当滚动停止滚动容器将会将捕捉位置对齐到容器的起始位置...在这种情况下,渐变从0%开始为红色,过渡到50%为蓝色,最后100%为绿色。...记住,使用这些属性,考虑浏览器支持和潜在的跨浏览器问题是至关重要的。始终使用“Can I use”等工具检查这些属性的兼容性,以确保不同浏览器上获得一致的体验。

30230

我如何用一行Css代码使谷歌浏览器的数据网格滚动快10倍

因此,我打开并开始录制,向下滚动列表一点,然后停止录制。...这就是我所看到的:DevTools / Performance 滚动"顶部链接站点"数据网格的性能配置文件,非常低的 FPS "任务"块上的那些红耳朵表明,滚动,某些东西需要的时间比可接受的时间要长...第 4 步 - 检查 DOM 不幸的是,DOM 包含许多元素不是很出色。如果是这样,则不需要在网络上各种流行的 JS 数据网格中实现虚拟化技术。在这一点上,一个有根据的猜测是,表呈现了很多元素。...第 5 步 - 改善情况 基于性能配置文件中的数据,我怀疑滚动网格,整个页面都已布局。并且指出许多要素的成本很高。要是有办法限制效果就好了 ... ......了解更多关于CSS contain MDN. 植入广告:如果您需要一个可执行的数据网格处理 10 万+行与平滑滚动,请务必查看 Bryntum 网格 (由我和我的同事开发).

2.1K10

移动端滚动研究

滚动和下拉刷新 方案1:借助iscroll的原理,整个页面使用模拟滚动,将下拉刷新元素放在顶部,当页面滚动到顶部下拉,下拉刷新元素随着页面的滚动出现,当手指离开收回,此方案实现起来较为简单直接借助iscoll...tranlateY值,将两者同时位移来将下拉刷新元素显示出来,手指离开(touchend)收回,这种方案满足了正常列表滚动使用原生的滚动节省性能,只在下拉刷新使用模拟滚动来实现效果。...还会有一个性能上的问题就是:当页面的列表过长,dom元素过多时,模拟滚动,下拉刷新这段时间内,页面也会有卡顿现象,这里采取了一个优化策略即: 列表较长dom数量较多时,触发下拉刷新的时机时将页面视窗之外的...刷新完成之后手指离开(touchend)将隐藏的元素显示出来。 需要注意的是,隐藏和显示视窗外的元素这个操作在下拉刷新只会执行一次,并且只有在下拉刷新才会执行。...大概的做法就是页面滚动的时候, 给 添加上 .disable-hover 样式,那么滚动停止之前, 所有鼠标事件都将被禁止。当滚动结束之后,再移除该属性。

3.1K20

ExtJs学习笔记(22)-XTemplate + WCF 打造无刷新数据分页

本文将讲解如何用XTemplate结合WCF与服务端交互,生成数据列表,同时加上无刷新分页功能(默认情况下ExtJs并没有为XTemplate并没有提供分页功能) 1.先做一些准备工作,写一个通用的类...前端完整代码: Code ExtJs.XTemplate + WCF 打造无刷新数据分页 <!...("Y-m-d H:i:s")} (2).服务端返回字符格式的处理: 因为JavaScriptConvert.SerializeObject(_PageData)这里已经成功序列化了,但是wcf的服务返回...相信也有不少人跟我有一样的疑问,后来我想了想,至少有二个好处:    a.updatepannel默认会引起大量的数据回发,虽然页面没刷新,但是客户端跟服务端之间的传输数据量很大,而用ExtJs+Wcf

1.4K50

ExtJs学习笔记(2)_Basic GridPanel

调用时无法正确序列成JSON字符串,需要手动类前加上数据契约 [DataContract],属性前加上[DataMember] 如下: [Table(Name="dbo.T_Class")] ...Ajax_WCF.MyServiceAspNetAjaxBehavior">          说明一下:(3),(4)二步是必须的,目的是为了生成Restful WCF,可以ExtJs... dataIndex: 'F_ReadMe'}],             height: 350,             width: 600,             title: '基本网格示例...中,否则网格上右击,设置显示列,报JS错误,原因不明。...JSON的bug. 5.为了减少生成的JSON字符串的大小,可以仅在需要输出的类属性上标记[DataMember],这样在生成的JSON字符串,不会包含未标记为[DataMember]的字段

1.7K90

SharePoint环境下,dll资源脚本权限问题

最近在用Ext.NET,因为是SharePoint环境下使用,一直被这样一个问题所困扰着:使用Ext.NET,页面必须使用拥有管理权限的用户刷新一次(只要刷新其中任意Ext.NET...查看网页源代码,发现Extjs的脚本文件和CSS文件并没有注册。而Extjs的脚本文件和css文件是作为资源嵌套在Ext.NET的dll中的。...当搜尽Google,发现现实也是那么的无奈,国内外都不见有人支招,而且相关资料少得可怜。于是,只好放弃,Admin刷就刷吧,虽然我也是追求完美的人,但是我却不愿意浪费过多的时间。...于是每次修改发布后用Administrator刷一下,每次IIS重启后也刷一下,电脑启动后也刷一下…… 但是,问题总是避不开的:普通用户使用SiliverLight插件上传完毕,程序删除临时目录后,...BuildAllPrivilegesForExtNET方法: ResourceManager1.BuildAllPrivilegesForExtNET(); 发现问题终于解决:所有普通用户能在Admin未刷新页面的情况下

49730

ExtJs二(实现登录)

开始动手  1.解决方案资源管理器中选择Scripts\ExtJS\ux目录,单击右键选择添加,新建项,弹出窗口中选择Jscript文件,并将名称修改为login.js(以后的项目的可直接将该文件复制到该目录...如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包中的Ext.js文件复制到ExtJS目录中,复制后,解决方案资源管理器将Ext.js拖到到login.js文件中,就会生成以下代码:  //...因为Img对象的实例刷新图片的时候还要用到,因而最好用一个属性来指向对象实例,这样就可以通过该属性类的内部访问到实例了。...formBind配置的作用是只有表单内输入符合要求才能使用该按钮,这个设计Ext JS4也是新加入的,很方便,不再需要自己去写代码实现这个了。登录按钮将调用onLogin方法。...其实不调用isValid也行,因为登录按钮只要在isValid为true才能用。

2K10

ES自治索引功能测试与介绍

随机刷新功能 开启后默认设置是不刷新 高频写入时 1500条/s写入, 写入数据doc数量2w,数据量6-700MB间进行落盘刷新。...低频写入时 10条/s写入速度,写入630Mb数据,9.7k条文档刷新 写入部分数据后停止 在上一次刷新后,写入46MB,6600条数据后停止。5-6分钟后会进行刷新。...综合来说,随机刷新功能通常情况下不建议开启,数据落盘慢,不适合即写即查。 长时间有大量数据写入且对即时查询要求低的情况下可以开启,落盘次数的减少有利于数据写入。...故障自动转移功能 自治索引单点故障时会对索引进行滚动,避免阻塞写入。 持续不断对3号索引写入(写入速度几千文档/s) 当前正在写入的3号后备索引大小3.48G,文档数323550 2....直到新索引被滚动出来,写入恢复正常。 发生节点故障滚动出新的自治索引所需要的时间默认是5分钟。 时序裁剪 时序裁剪功能默认关闭,需要手动开启。

23740

动态加载 ExtJS 类库

动态加载 ExtJS 类库 ExtJS 是一个非常优秀的 JS 框架, 由于 ExtJS 自身非常庞大, 用于开发测试的 ext-all-debug.js 文件达到了 3.24M , 如果是再加载带注释的...ext-all-debug-w-comments.js 则更是达到了 6M , 可以说是非常庞大了, 因此动态加载 ExtJS 是很有必要的, 接下来就介绍如何对 ExtJS 做动态加载。...function createWindow() { var win = Ext.create('App.testWindow'); win.show(); } 现在, 刷新一下浏览器..., 能看到 Create Window 测试按钮, 浏览器看到的情形如下图所示: ?...结论 从上面的测试可以看出, 动态加载 ExtJS 是可以的, 但是文件有点儿多, 仅仅创建一个简单的窗口就需要加载 100 多个文件, 所以最终的建议是将所需要的 ExtJS 组件单独编译成一个文件或者直接使用

2.2K20

ExtJs二(实现登录)

开始动手  1.解决方案资源管理器中选择Scripts\ExtJS\ux目录,单击右键选择添加,新建项,弹出窗口中选择Jscript文件,并将名称修改为login.js(以后的项目的可直接将该文件复制到该目录...如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包中的Ext.js文件复制到ExtJS目录中,复制后,解决方案资源管理器将Ext.js拖到到login.js文件中,就会生成以下代码:  //...因为Img对象的实例刷新图片的时候还要用到,因而最好用一个属性来指向对象实例,这样就可以通过该属性类的内部访问到实例了。...formBind配置的作用是只有表单内输入符合要求才能使用该按钮,这个设计Ext JS4也是新加入的,很方便,不再需要自己去写代码实现这个了。登录按钮将调用onLogin方法。...其实不调用isValid也行,因为登录按钮只要在isValid为true才能用。

1.8K20
领券