ExtJs6 理解 -- Ext.data.proxy.Proxy

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/mercyyang/blog/604170