ExtJS-Ext.data.Store采用Ext.data.proxy.Ajax获取数据后并进行处理
// 定义一个ExtJS数据代理,用于通过Ajax获取远程数据
Ext.define('MyApp.store.MyData', {
extend: 'Ext.data.Store',
alias: 'store.myData',
// 配置数据代理
proxy: {
type: 'ajax',
url: 'path/to/my/data', // 远程数据的URL
reader: {
type: 'json',
rootProperty: 'data' // 假设返回的JSON数据格式为{ success: true, data: [] }
}
},
// 配置Model,用于定义数据结构
model: 'MyApp.model.MyModel',
// 其他配置...
});
// 创建并使用这个Store
Ext.create('MyApp.store.MyData', {
autoLoad: true, // 自动加载数据
listeners: {
load: function(store, records, successful) {
// 数据加载完毕后的处理逻辑
if (successful) {
// 处理加载的数据
console.log('Data loaded:', records);
} else {
console.error('Failed to load data');
}
}
}
});
这个示例代码定义了一个名为MyApp.store.MyData
的ExtJS Store,它通过Ajax代理从服务器获取数据,并在数据加载完成后执行一些逻辑处理。这是一个典型的数据加载和处理的流程,适用于从服务器获取并操作数据的场景。
评论已关闭