EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端代理)
来源:互联网 发布:下载贵金属分析软件 编辑:程序博客网 时间:2024/06/06 09:36
在EXT中,proxy类用于交互数据。分为客户端代理和服务器端代理两类
客户端代理:
LocalStorageProxy
SessionStorageProxy
MemoryProxy
服务器端代理:
AjaxProxy
ScriptTagProxy
DirectProxy
RestProxy
一、LocalStorageProxy
说明:LocalStorageProxy代理使用了html5的localstorage API 来存储和加载数据。如果浏览器关闭,数据不会丢失
例子:
<script type="text/javascript">
Ext.onReady(function () {
//定义一个数据模型
Ext.define('MyInformation', {
extend: 'Ext.data.Model',
fields: [{
name: 'id', type: 'int'
}, {
name: 'name', type: 'string'
}, {
name: 'age', type: 'int'
}],
//定义LocalStorageProxy代理类,通过html5的localstorage API 来存储和加载数据
proxy: {
type: 'localstorage',
id: 'myinformation'
}
});
//创建一条数据并储存
Ext.ModelMgr.create({
id: 1,
name: 'animal',
age: 30
}, 'MyInformation').save();
});
</script>
执行结果:
二、SessionStorageProxy
说明:SessionStorageProxy使用html5的sessinstorage API来存储和加载数据,关闭浏览器,数据将消失
例子:
<script type="text/javascript">
Ext.onReady(function () {
//定义一个数据模型
Ext.define('MyInformation', {
extend: 'Ext.data.Model',
fields: [{
name: 'id', type: 'int'
}, {
name: 'name', type: 'string'
}, {
name: 'age', type: 'int'
}],
//定义SessionStorageProxy代理类,通过html5的sessionstorage API 来存储和加载数据
proxy: {
type: 'sessionstorage',
id: 'myinformation'
}
});
//创建一条数据并储存
Ext.ModelMgr.create({
id: 1,
name: 'animal',
age: 30
}, 'MyInformation').save();
});
</script>
执行结果:
三、MemoryProxy
说明:MemoryProxy主要用于加载上下文中的数据,刷新页面会丢失或者重置数据,关闭页面数据会丢失:
例子:
<script type="text/javascript">
Ext.onReady(function () {
//数据,JSON格式
var data = {
informations: [{
id: 1,
name: 'AAA',
age: 34
}, {
id: 2,
name: 'BBB',
age: 45
}]
}
//定义一个数据模型
Ext.define('MyInformation', {
extend: 'Ext.data.Model',
fields: [{
name: 'id', type: 'int'
}, {
name: 'name', type: 'string'
}, {
name: 'age', type: 'int'
}]
});
//定义一个数据容器,加载数据
var store = Ext.create('Ext.data.Store', {
model: 'MyInformation',
//加载的类容
data: data,
//定义memoryproxy,从本地(上下文)加载数据
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'informations'
}
}
});
store.load();
});
</script>
执行结果:
- EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端代理)
- EXTJS4自学手册——EXT数据结构组件(proxy代理类之服务器端代理)
- EXTJS4自学手册——EXT数据结构组件(store)
- EXTJS4自学手册——EXT数据结构组件(创建一个Model)
- EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互)
- EXTJS4自学手册——EXT数据结构组件(Model之间的关系)
- EXTJS4自学手册——EXT组件布局
- Extjs4之Proxy数据代理
- EXTJS4自学手册——EXT对象选择
- ExtJs4入门之三: Proxy数据代理类
- EXTJS4自学手册——EXT基本方法、属性(onReady、define、create)
- EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor)
- EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require)
- EXTJS4自学手册——EXT容器布局(Auto,Anchor,Absolute,Hbox)
- EXTJS4自学手册——EXT容器布局(Vbox,Accordion,Table,Column)
- EXTJS4自学手册——EXT容器布局(Fit,Card,Border)
- (6)ExtJS4.2 服务器代理(proxy)
- ExtJs4学习(八)数据代理Proxy
- EXTJS4自学手册——EXT对象选择
- EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互)
- Logcat命令详解
- Linux内核源码分析
- EXTJS4自学手册——EXT数据结构组件(Model之间的关系)
- EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端代理)
- EXTJS4自学手册——EXT容器布局(Auto,Anchor,Absolute,Hbox)
- ubuntu忘记root密码
- EXTJS4自学手册——EXT容器布局(Vbox,Accordion,Table,Column)
- WINCE6.0显示驱动模型介绍
- Android使用JNI实现Java与C之间传递数据
- EXTJS4自学手册——EXT容器布局(Fit,Card,Border)
- 验证码工具分享-PHP识别工具SECURIMAGE
- 关于交换两个变量的不用第三个变量 异或的问题