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

最新推荐文章于 2021-08-06 00:45:04 发布

weixin_34050005

最新推荐文章于 2021-08-06 00:45:04 发布

阅读量277

点赞数

文章标签： python

原文链接：https://my.oschina.net/mercyyang/blog/604170

版权

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