在刷新时停止ExtJS网格滚动

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

获取网格组件的滚动条对象：
获取网格组件的滚动条对象：
停止滚动：
停止滚动：

完善且全面的答案如下：

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

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

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

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

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

参考链接：

相关·内容

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器，从IE 6 到最新的谷歌Chrome。在开发期间，我们建议你使用下面这些浏览器，以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome，花点时间去下载它吧，然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器，仍然强烈建议你在开发的时候能有一个，因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器，建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache，你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ，你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿，查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同，但是如果你使用的是 Apache，你一般会在：

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装，将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了，代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的，但是可以作为最佳实践指南考虑，以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构：

- appname

- app

- namespace

- Class1.js

- Class2.js

- ...

- extjs

- resources

- css

- images

- ...

- app.js
04

这一节，将学习如何使用网络上最常见的UI控件_Grid 1.静态示例: 静态示例其实官方下载包里，就有sample，这里只贴出代码，后面的如何跟WCF结合，做出动态版的Grid才是本文重点 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

我们在做倒计时的时候，发现当你手指按着屏幕不放，拖动tableView滑动的时候，写在cell上得倒计时停止倒计时，松开继续倒计时。研究发现就是拖动tableView滑动时，NSTimer停止了。这其实就是runloop的mode在做怪。 runloop可以理解为cocoa下的一种消息循环机制，用来处理各种消息事件，我们在开发的时候并不需要手动去创建一个runloop，因为框架为我们创建了一个默认的runloop,通过[NSRunloop currentRunloop]我们可以得到一个当前线程下面对应

第一步：安装 cnpm install vue-seamless-scroll -s 第二步：在main.js中引入 / 无缝滚动插件 import scroll from 'vue-seamless-scroll' Vue.use(scroll) //or you can set componentName default componentName is vue-seamless-scroll Vue.use(scroll,{componentName: 'scroll-seamless'}) 第三

因为请求数据写在onShow 函数里面，所以每次切换界面都会刷新，这就会导致，如果当前定时器在跑的话，再次刷新会再次常见定时，那么就会导致刷新几次有几个定时器，同时在跑，那么前端界面显示的计时数字就会不时跳动，所以需要保证在跑的定时器只有一个。将定时器对象创建为全局的，在每次开启定时器的时候先清空之前的定时器。就可以解决刷新后计时闪动的问题了，或者在在tab页面，运用 onHide 周期进行 clearTimeInterval清空 , 在非tab页面，运用onUload() 周期进行 clearTimeInterval清空，百度都可以找到类似解决方案，其中在我的历史文章小程序实战踩坑之B2B商城项目总结也有总结，代码类似如下：

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

在刷新时停止ExtJS网格滚动

1. 需求

1.1 网页浏览器

1.2 Web 服务器

1.3 Ext JS 4 SDK

2. 应用程序结构

2.1 基本结构

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐