Ext中数据存储与传输.docVIP

Ext中的数据存储和传输 一、Ext.data简介 Ext.data在命名空间中定义了一系列store、reader和proxy，它默认支持Array、JSON、XML等数据格式，可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数据。 二、Ext.data.Connection Ext.data.Connection是对Ext.lib.Ajax的封装，它提供了配置使用Ajax的通用方式，它在内部通过Ext.lib.Ajax实现与后台的异步调用，它比底层的Ext.lib.Ajax使用更加方便简洁。 Ext.data.Connection主要胜用于在Ext.data.HttpProxy和Ext.data.ScriptTagProxy中执行与后台交互的任务，它会从指定的URL获得数据，并把后台返回的数据交给HttpProxy或ScriptTagProxy处理。 下面是一个例子： var conn = new Ext.data.Connection({ autoAbort: false, defaultHeaders: { referer: http://localhost:8080/ }, disableCaching: false, extraParams: { name: name }, method: GET, timeout: 300, url : 01-01.txt }); 在使用Ext.data.Connection之前，都要创建一个新的Ext.data.Connection实例。 autoAbort表示链接是否会自动断开， defaultHeaders表示请求的默认首部信息， disableCaching表示请求是否会禁用缓存， extraParams代表请求的额外参数， method表示请求的方法， timeout表示链接的超时时间， url表示请求访问的网址 在创建了conn之后，可以调用request()函数发送请求，处理返回的结果，如下面的代码： conn.request({ success: function(response) { Ext.Msg.alert(info, response.responseText); }, failure: function() { Ext.Msg.alert(warn, failure); } }); request()函数中可以设置success和failure两个回调函数，分别在请求成功和请求失败时调用。请求成功时，success函数的参数就是后台返回的信息。 再来看一下request函数中的其他参数。 url:String 请求url params:Object/String/Function 请求传递的参数 method:String 请求方法，通常为GET或POST callback:Function 请求完成后的回调函数，无论是成功还是失败，都会执行 success:Function 请求成功时的回调函数 failure:Function 请求失败时的回调函数 form:Object/String 绑定的form表单 isUpload:Boolean 是否执行文件上传 headers:Object 请求首部信息 xmlData:Object XML文档对象，可以通过URL附加参数的方式发起请求 disableCaching:Boolean 是否禁用缓存，默认为禁用 三、Ext.data.Record Ext.data.Record就是一个设定了内部数据类型的对象，它是Ext.data.Store的最基本组成部分。如果把Ext.data.Store看作是一张二维表，那么它的每一行就对应一个Ext.data.Record实例。 在使用Ext.data.Record时通常都是由create()函数开始，首先用create()函数创建一个自定义的Record类型，如下面的代码： var PersonRecord = Ext.data.Record.create([ {name: name, type: string}, {name: sex, type: int} ]); PersonRecord就是定义的新类型，包含字符串类型的name和整数类型的sex两个属性，然后可以使用new关键字创建PersonRecord的实例，如下面的代码： var boy = new PersonRecord({ name: boy, sex: 0 }); 现在得到了PersonRecord的实例boy，可以用下面的三种方式得到boy中name属性的值，如下面的代码： alert(); ale