EXT JS深度探索：丰富的客户端应用开发框架

需积分: 0 187 浏览量更新于2024-07-25 收藏 1.62MB PDF 举报

"《深入浅出EXT JS》是一本专为EXT JS开发者设计的实用指南，该书针对EXT JS这一强大的Ajax框架展开详细介绍。EXT JS是一款由JavaScript编写的，与后台技术独立的前端框架，以其绚丽多彩的用户界面和丰富的功能迅速在企业应用特别是MIS系统中占据一席之地。它特别适合于不具备美术背景的程序员，能够简化复杂任务，如创建动态表格、树形结构和灵活布局，极大地提高开发效率。本书的特色在于以实例驱动教学，作者结合自身学习过程中的心得和编写了大量的示例程序，旨在帮助读者快速理解和掌握EXT JS的实战应用。内容涵盖了EXT JS 2.2和即将发布的3.0版本，深入剖析了框架的核心概念和技术。书中提供的示例代码不仅可供读者参考，还能直接在EXT JS的examples目录下运行，甚至通过localXHR.js实现了本地数据加载，方便即时验证效果。为了适应不同水平的开发者，本书假设读者具备基本的CSS和HTML知识。目标是使读者能够迅速上手，将学到的知识应用到实际项目中。此外，对于需要后台支持的示例，作者建议将EXT JS发布包与服务器环境（如Tomcat）配合使用，以便进行完整的开发体验。《深入浅出EXT JS》是一本既适合初学者快速入门，又适合有一定经验开发者提升技能的实用教程，通过丰富的实例和翔实的讲解，帮助读者跨越理论与实践之间的鸿沟，提升在EXT JS领域的专业能力。"

232 第10 章数据存储与传输



headers:Object

：请求首部信息。



xmlData:Object

：

XML

文档对象，可以通过

URL

附加参数的方式发起请求。



disableCaching:Boolean

：是否禁用缓存，默认为禁用。

Ext.data.Connection还提供了abort([Number transactionId])函数，当同时有多个

请求发生时，根据指定的事务

id放弃其中的某一个请求。如果不指定事务id，就会放弃最后一

个请求。

isLoading([Number transactionId])函数的用法与abort()类似，可以根据事务id

判断对应的请求是否完成。如果未指定事务id，就判断最后一个请求是否完成。

10.3 Ext.data.Record

Ext.data.Record就是一个设定了内部数据类型的对象，它是Ext.data.Store的最基本组

成部分。如果把

Ext.data.Store看作是一张二维表，那么它的每一行就对应一个Ext.data.

Record

实例。

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

});

创建对象时，可以直接通过构造方法为对象赋予初始值，将'boy'赋值给name，0赋值给sex。

现在，我们得到了

PersonRecord的实例boy，如何才能得到它的属性呢？以下三种方式都

可以获得boy中

name属性的数据，如下面的代码所示。

alert(boy.data.name);

alert(boy.data['name']);

alert(boy.get('name'));

这里涉及Ext.data.Record的data属性，这是定义在Ext.data.Record中的一个公共属

性，用于保存当前

record对象的所有数据。它是一个JSON对象，可以直接从它里面获得需要的

数据。可以通过

Ext.data.Record的get()函数方便地从data属性中获得指定的属性值。

如果我们需要修改

boy中的数据，请不要使用以下方式直接操作data，如下面的代码所示。

boy.data.name = 'boy name';

boy.data['name'] = 'boy name';

10.4 Ext.data.Store 233

而应该使用set()函数，如下面的代码所示。

boy.set('name', 'body name');

set()函数会判断属性值是否发生了改变，如果改变了，就要将当前对象的dirty属性设置

为

true，并将修改之前的原始值放入modified对象中，供其他函数使用。如果直接操作data中

的值，

record就无法记录属性数据的修改情况。

Record的属性数据被修改后，我们可以执行如下几种操作。



commit()

（提交）：这个函数的效果是设置

dirty

为

false

，并删除

modified

中保存的

原始数据。



reject()

（撤销）：这个函数的效果是将

data

中已经修改了的属性值都恢复成

modified

中保存的原始数据，然后设置

dirty

为

false

，并删除保存原始数据的

modified

对象。



getChanges()

获得修改的部分：这个函数会把

data

中经过修改的属性和数据放在一个

JSON

对象里并返回。例如上例中，

getChanges()

返回的结果是

{name:’body name’}

。



我们还可以调用

isModified()

判断当前

record

中的数据是否被修改。

Ext.data.Record还提供了用于复制record实例的函数copy()。

var copyBoy = boy.copy

();

这样我们就得到了boy的一个副本，它里面包含了boy的data数据，但copy()函数不会复制

dirty和modified等额外的属性值。

Ext.data.Record中其他的参数大多与Ext.data.Store有关，请参考与Ext.data.Store

EXT JS深度探索：丰富的客户端应用开发框架

ExtJS深入浅出

ExtJs深入浅出（附源代码）

extjs深入浅出随书源码

Extjs深入浅出pdf

Extjs深入浅出附源码

Extjs 深入浅出附源码

ExtJs深入浅出源码.rar

ExtJS深入浅出-基础ajax教程

关于extjs深入浅出的一本电子书

ExtJS深入浅出介绍之数据存储于传输

最新资源