ExtJs6 理解 -- Ext.data.proxy.Proxy
1、 Ext.data.proxy.Proxy 分类
Proxy 分为 client 和 Server 两种
Client:
LocalStorageProxy : 本地化级别代理（跨浏览器）存储在本地，重启浏览器服务器依然存在 -- 重点
SessionStorageProxy ： 浏览器级别代理 -- 重点
MemoryProxy ： 普通内存代理 -- 重点
Server:
Ajax ： 异步加载 -- 重点
JsonP ： 跨域交互代理 -- 重点
Rest ： 一种特使的Ajax -- 知道
Direct ： 命令
2、Proxy 的 types
localSorage，sessionstorage，memory ，ajax , jsonp,scripttag，rest，direct
举个例子： ajax（常用），sessionstorage
//ajax
Ext.onReady(function(){
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{name: 'id', type: 'int'},
{name: 'name', type: 'string'},
{name: 'phone', type: 'string', mapping: 'phoneNumber'}
]
});
var store = Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'ajax',
url: 'user.json',
reader: {
type: 'json',
rootProperty: 'users'
}
}
});
store.load();
var collection = store.getData( ) ;
alert(collection)
collection.each(function(item,index,len){
alert(item.data.name)
})
});
//sessionstorage
Ext.onReady(function(){
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{name: 'id', type: 'int'},
{name: 'name', type: 'string'},
{name: 'phone', type: 'string', mapping: 'phoneNumber'}
]
});
var store = Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'localstorage',
id : 'twitter-Searches'
}
});
store.add({name:"Mercy"});
store.sync();
store.load();
store.each(function(item){
alert(item.data.name);
});
alert(msg.join("\n"));
});