/**
* Extjs4.0数据代理详解 数据代理Proxy是数据读写的主要途径，通过代理操作数据进行CRUD
* 每一步操作都会得到唯一的Ext.data.Operation实例，他包含所有的请求参数
* 1.数据代理proxy目录结构:
* Ext.data.proxy.Proxy 代理类的根类（他分客户端代理和服务器端代理）
* Ext.data.proxy.Client 客户端代理
* Ext.data.proxy.Memory 普通的内存代理
* Ext.data.proxy.WebStorage 浏览器客户端存储代理
* Ext.data.proxy.SessionStorage 浏览器级别代理
* Ext.data.proxy.LocalStorage 本地化的级别代理（ 不能跨浏览器）
* Ext.data.proxy.Server 服务器端代理
* Ext.data.proxy.Ajax 异步加载方式
* Ext.data.proxy.Rest 一直特殊的ajax
* Ext.data.proxy.JsonP 跨域交互代理 :跨域交互严重的安全隐患的,Extjs跨域也需要服务器端的配合
* Ext.data.proxy.Direct命令
*
*/
Ext.onReady(function() {
Ext.regModel("user", {
fields : [{
name : 'name',
type : 'string'
}, {
name : 'age',
type : 'int'
}]
});
// 不用create方法，直接用proxy创建对象数据
var userData = [{
name : 'www.baidu.com',
age : 21
}, {
name : 'gougou.com',
age : 22
}];
// 创建模型的代理类
var memoryProxy = Ext.create("Ext.data.proxy.Memory", {
data : userData,
model : 'user'
});
// 可以crud
/*userData.push({
name :'soso.com',
age : 32
});
// update 更新操作
memoryProxy.update(new Ext.data.Operation({
action :'update',
data :userData
}), function(result){},this);
*/
// read读操作
memoryProxy.read(new Ext.data.Operation(), function(result) {
var datas = result.resultSet.records;
Ext.Array.each(datas, function(model) {
alert(model.get('name'));
});
});
});
/**
* jsonP使用
*/
Ext.onReady(function() {
Ext.regModel("person", {
fields : [{
name : 'name',
type : 'string'
}],
proxy : {
type : 'jsonp',
url : 'www.baidu.com'
}
});
var person = Ext.ModelManager.getModel('person');
person.load(1, {
scope : this,
success : function(model) {
alert(model.get('name'));
}
});
})
/**
* Ext4.0 localStorage使用不能夸浏览器 但能存储上次加载的数据到浏览器中
*/
Ext.onReady(function() {
Ext.regModel("user", {
fields : [{
name : 'name',
type : 'string'
}, {
name : 'age',
type : 'int'
}],
proxy : {
type : 'localstorage',
id : 'twitter-Searches'
}
});
// 用store来初始化数据
var store = new Ext.data.Store({
model : user
});
store.add({
name : 'www.baidu.com'
});
store.sync();// 异步加载
store.load();
var msg = [];
store.each(function(rec) {
msg.push(rec.get('name'));
});
alert(msg.join("\n"));
})
/**
* ajax代理模式
*/
Ext.onReady(function() {
Ext.regModel("person", {
fields : [{
name : 'name',
type : 'string'
}]
});
var ajaxProxy = new Ext.data.proxy.Ajax({
url : 'person.jsp',
model : 'person',
reader : 'json'
});
// doRequest 读取数据
ajaxProxy.doRequest(new Ext.data.Operation({
action : 'read',
limit : 10,// 分页
start : 1,
sorters : [new Ext.util.Sorter({// 排序
property : 'name',
direction : 'ASC'
})]
}), function(o) {
var text = o.response.responseText;
// Ext.JSON.decode() Decodes (parses) a JSON string to
// an object.
alert(Ext.JSON.decode(text)['name']);
});
})
/**
* sessionstorage:单浏览器模式
*/
Ext.onReady(function() {
Ext.regModel("user", {
fields : [{
name : 'name',
type : 'string'
}],
proxy : {
type : 'sessionstorage',
id : 'twiS'
}
});
var store=new Ext.data.Store({
model:user
});
store.add({name:'wangbass'});
store.sync();
store.load();
var msg=[];
store.each(function(rec){
msg.push(rec.get('name'));
});
alert(msg.join("\n"));
})
