EXTJS 两个store 一个负责显示，一个负责装载数据

最新推荐文章于 2020-04-01 12:39:21 发布

天堂没有黑白灰

最新推荐文章于 2020-04-01 12:39:21 发布

阅读量230

点赞数

CC 4.0 BY-SA版权

分类专栏：代码文章标签： extjs 两个store extjs store交互

本文链接：https://blog.youkuaiyun.com/weixin_41741306/article/details/99636765

代码专栏收录该内容

7 篇文章

订阅专栏

本文探讨EXTJS中如何使用两个不同的store，一个用于数据加载，另一个用于数据显示。通过详细步骤，解释了如何从装载数据的store遍历并重新封装数据，将其传递给dataview所绑定的展示store。

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

dataview指定展示的store

	var jesLogSqlStore4View = Ext.create('Ext.data.Store', {
		fields : ['SQL','ExecuteCount','MaxTimespan'],
		data : 'params'
	});
	
	
	xtype:'dataview',
		name:'sqlList',
		autoScroll:true,
		itemTpl:sqlTpl,
		store: jesLogSqlStore4View
	}

装载数据的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'
			}
		}
	});

两个store交互

将装载数据的store拿出来，遍历，重新封装，传给负责展示的store

function complateData(){
        var params = [];
        jesLogSqlStore4Ajax.each(function (record) {
            var result = {
                SQL: record.get("SQL"),
                ExecuteCount: record.get("ExecuteCount"),
                MaxTimespan: record.get("MaxTimespan")
            };
            params.push(result);
        });
        jesLogSqlStore4View.loadData(params);

    }