EXTJS 6 Grid 滚动到底部触发事件（如：加载数据）

seasideX

于 2019-05-16 16:02:06 发布

阅读量956

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ExtJS6 Js 文章标签： grid 滚动到底

本文链接：https://blog.youkuaiyun.com/seasidexin/article/details/90265507

ExtJS6 同时被 2 个专栏收录

17 篇文章

订阅专栏

14 篇文章

订阅专栏

本文介绍如何在ExtJS中为Grid组件添加监听器，当滚动条到达底部时触发特定操作，如加载更多数据。通过在Grid的viewready事件中注册scroll事件，可以实现对滚动位置的精确控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给grid增加个listeners 监听 viewready

			listeners : {
				afterrender : function() {

				},
				viewready: function () {
    		               grid.getView().getEl().on('scroll', function () {
		                   if (this.dom.scrollTop + this.dom.offsetHeight >= this.dom.scrollHeight ) {
		                   	console.log(this.dom.scrollTop)
		                   	console.log(this.dom.offsetHeight)
		                   	console.log(this.dom.scrollHeight)
		                   	console.log('-------')
		                    Ext.toast('已经滚动到底！')
		                    self.loadMessageData();
		                   }
		               })
		        }
			}