EXTJS之store重新装载并增量显示

最新推荐文章于 2021-06-25 15:26:33 发布

天堂没有黑白灰

最新推荐文章于 2021-06-25 15:26:33 发布

阅读量595

点赞数

分类专栏：代码文章标签： extjs 2个store extjs展示和装载数据定时器增量装载

本文链接：https://blog.csdn.net/weixin_41741306/article/details/99948161

版权

本文介绍EXTJS中如何实现store的增量显示，通过设置定时器每秒加载新数据，而不是全量刷新。文章详细讲解了数据处理、空store用于显示，以及装载数据store如何将处理后的数据传递给显示store的实现方式，包括关键字处理、记录查找和数据添加等关键步骤。

摘要由CSDN通过智能技术生成

EXTJS之store重新装载并增量显示

之前也有发表过两个store，一个负责装载数据，一个负责显示的博客，今天对那边博客进行深一层的代码细化。

需求：页面一秒钟加载一次数据，不是刷新数据，而是增量显示。

分析：1.首先，我需要一个定时器来不停的刷新；

2.一个空的store，来负责显示数据，加载数据的store会将处理之后的数据给负责显示数据的store；

装载数据：

var jesLogSqlStore4Ajax = Ext.create('Ext.data.Store',{
		fields:['SQL','ExecuteCount','MaxTimespan'],
		autoLoad : true,
		proxy : {
			type: 'ajax',
			url : 'druid/sql.json?orderBy=SQL&orderType=desc&page=1&perPageCount=1000000&'
			, reader : {
				type: 'json'
				, root: 'Content'
			}
		},

		listeners:{
			load:function(me, records, successful, eOpts){
				var viewData = [];
				var keyword = Q('textfield[name=keyword]') && Q('textfield[name=keywo