Using Proy in senchaTouch2.docxVIP

Using Proxies 翻译者：郭玉潮 （为了方便书写，本文中约定sencha touch 2简写为ST2。） 要是想了解Proxy，其实解释并不是很难，简单的说就是代理，那么代理又是什么呢，我们先来好好的研究一下ST2中的MVC吧，我们这里并不想详细讲解MVC，在ST2中，我们的数据模型定义在Model中，那么这些数据的实体呢，就在Store中，Store就是利用Proxy来操作数据的加载和保存的（MVC请见ST2中的详细讲解）。 在ST2中，Proxy只要有两大类：client和server。好，那么我们就先看看client类的Proxy： Exy.LocalStorage proxy: localstorage 该代理，使用了HTML5最新的特性，使用了localStorage API将Model的数据直接存储在客户端的浏览器中。这些数据只能是简单的键值对的，不能存储复杂的数据的，像JSON就不行的。在我们保存或者检索数据的时候，LocalStorageProxy将自动的组串或者解串。 localStorage在保存用户的一些特殊信息方面还是极其有用的，因为这并不需要服务器来添加其他的设置来支持这些的。假如我们正在写一个Twitter搜索的应用程序，并把这些搜索的信息存储在本地，以便稍后检索。我们就可以创建一个Search的model：  HYPERLINK D:\\sencha\\docs\\index.html \l !/api/Ext-method-define Ext.define(Search, { extend:  HYPERLINK file:///D:\\sencha\\docs\\index.html \l !/api/Ext.data.Model Ext.data.Model, config: { fields: [id, query], proxy: { type: localstorage, id : twitter-Searches } } }); 在我们的这个model中，只包括两项，就是id和query，添加一个系统定义好的proxy就OK了。唯一需要我们确定的就是proxy的id了，这是我们区分于其它proxy的唯一标示。因为localStorage API将所有的数据放到相同的命名空间下，我们能检索出数据的唯一标示就是ID了。 将数据保存到localStorage中是很简单的，通常都需要一个store的，看下面的例子： //our Store automatically picks up the LocalStorageProxy defined on the Search model var store =  HYPERLINK D:\\sencha\\docs\\index.html \l !/api/Ext-method-create Ext.create( HYPERLINK D:\\sencha\\docs\\index.html \l !/api/Ext.data.Store Ext.data.Store, { model: Search }); //loads any existing Search data from localStorage store.load(); //now add some Searches store.add({query: Sencha Touch}); store.add({query: Ext JS}); //finally, save our Search data to localStorage store.sync(); 在上面的例子，我们创建了一个定义在search model上的store，这个store将自动关联了localstorageProxy中的数据。在load函数中，store将从localstorageProxy中，把数据加载到store中。然后就是添加了一些数据，再将数据保存回了localstorage中了。当我们调用store.sync()函数函数的时候，LocalStorageProxy将自动给我们这个新的Searches一个id，它将Model中的数据编码到localStorage中。我们也可以将store作为参数一起传递进去，将数据直接保存到localStorage中： var search =  HYPERLINK D:\\sencha\\docs\\index.html \l !/api/Ext-method-create Ext.creat