Ext中代理Proxy的介绍

来源：互联网发布：ubuntu怎么连电信编辑：程序博客网时间：2024/06/06 07:09

去ExtJS官方文档可以看看有哪些学习的内容

分为Ajax Direct JsonP LocalStorage Memory Proxy Rest SessionStorage 8部分内容

下面写几个js实例帮助大家理解

LocalStorage.js

(function(){ //cookie级别的，可以用在家庭Ext.onReady(function(){Ext.regModel("user",{fields:[{name:'name',type:'string'}],proxy:{type:'localstorage',id:'twitter-wfc'}});//我们用store来初始化数据var store=new Ext.data.Store({model:user});store.add({name:'uspcat.com'});   //加数据store.sync();  //保存store.load();   //读取var msg=[];store.each(function(rec){msg.push(rec.get('name'));});alert(msg.join("\n"));})})();

SessionStorage.js

(function(){ //单浏览器级别，网吧用，Session级别Ext.onReady(function(){Ext.regModel("user",{fields:[{name:'name',type:'string'}],proxy:{type:'sessionstorage',id:'twitter-wfc'}});//我们用store来初始化数据var store=new Ext.data.Store({model:user});store.add({name:'uspcat.com'});   //加数据store.sync();  //保存store.load();   //读取var msg=[];store.each(function(rec){msg.push(rec.get('name'));});alert(msg.join("\n"));})})();

ajax.js

(function(){Ext.onReady(function(){Ext.regModel("person",{fields:[{name:'name',type:'string'},]});var ajaxProxy=new Ext.data.proxy.Ajax({ url: 'proxy.jsp',             model: 'person',             reader: 'json'    //读写器});ajaxProxy.doRequest( new Ext.data.Operation(), function(o){var text=o.response.request.responseText;alert(text);//alert(Ext.JSON.decode(text)['name']);//alert(123);});}) })();

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%response.getWriter().write("{name:'uspcat.com',age:26,email:'wfc@126.com'}");%>

一定要学会看文档API，学会打断点。

0 0