常用Reader之JsonReader

在JavaScript中，JSON是一种非常重要的数据格式，key:value的形式比XML那种复杂的标签结构更容易理解，代码量也更小，很多人倾向于使用它作为EXT的数据交换格式。为Json- Reader准备的JSON数据如下面的代码所示。

?

var data = {

??? id:0,

??? totalProperty:2,

??? successProperty:true,

??? root:[

??????? {id:'id1',name:'name1',descn:'descn1'},

??????? {id:'id2',name:'name2',descn:'descn2'}

??? ]

};

?

与数组相比，JSON的最大优点就是支持分页，我们可以使用totalProperty参数表示数据的总量。successProperty参数是可选的，可以用它判断当前请求是否执行成功，进而判断是否进行数据加载。在不希望JsonReader处理响应数据时，可以把successProperty设置成false。

现在来讨论一下JsonReader，看看它是如何与上面的JSON数据对应的，如下面的代码所示。

?

var reader = new Ext.data.JsonReader({

??? successProperty: "successproperty",

??? totalProperty: "totalProperty",

??? root: "root",

??? id: "id"

}, [

??? {name:'id',mapping:'id'},

??? {name:'name',mapping:'name'},

??? {name:'descn',mapping:'descn'}

]);

?

上例中的对应方式不够简洁，因为name和mapping部分的内容是相同的，其实这里的mapping可以省略，默认会用name参数从JSON中获得对应的数据。如果不想与JSON里的名字一样，也可以使用mapping修改。不过，mapping在这里还有其他用途，如代码清单10-3所示。

代码清单　为JsonReader设置mapping进行数据映射

var data = {

??? id:0,

??? totalProperty:2,

??? successProperty:true,

??? root:[

??????? {id:'id1',name:'name1',descn:'descn1',person:{

??????????? id:1,name:'man',sex:'male'

??????? }},

??????? {id:'id2',name:'name2',descn:'descn2',person:{

??????????? id:2,name:'woman',sex:'female'

??????? }}

??? ]

};

var reader = new Ext.data.JsonReader({

??? successProperty: "successproperty",

??? totalProperty: "totalProperty",

??? root: "root",

??? id: "id"

}, [

??? 'id','name','descn',

??? {name:'person_name',mapping:'person.name'},

??? {name:'person_sex',mapping:'person.sex'}

]);

?

在上面的代码中，我们使用JSON支持更复杂的嵌套结构，其中的person对象自身就拥有id、 name和sex等属性。在JsonReader中可以用mapping把这些嵌套的内部属性映射出来，赋予对应的record，而其他字段都不变。