EXTJS 兩個store 一個負責顯示,一個負責裝載數據

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);

    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章