JSON

extjs关于jsonreader

字号+ 作者:H5之家 来源:H5之家 2016-01-15 12:10 我要评论( )

在 JavaScript 中, JSON 是一种非常重要的数据格式, key:value 的形式比 XML 那种复杂的标签结构更容易理解,代码量也更小,很多人倾向于使用它作为 EXT 的数

JsonReader支持分页,与JSON数据对应格式如下:

totalProperty:   json数据中,保存总记录数的属性 数据中,保存是否返回成功的属性名 root:       json数据中,保存记录集的属性的属性名

 例如:为Json- Reader准备的JSON数据如下面的代码所示:

数据

json = { 'results': 2,

: [

: 1, 'name': 'Bill', occupation: 'Gardener' },

: 2, 'name': 'Ben', occupation: 'Horticulturalist' }

在JsonReader中设置为如下代码: reader = 得到 得到 与              ]

 

jsonreader从proxy中读取的数据需要进行解析,这些数据转换成Record数组后才能提供给Ext.data.Store使用。

在JavaScript中,JSON是一种非常重要的数据格式,key:value的形式比XML那种复杂的标签结构更容易理解,代码量也更小,很多人倾向于使用它作为EXT的数据交换格式。为JsonReader准备的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'}

]);

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 请教golang关于复杂json的解析

    请教golang关于复杂json的解析

    2016-01-17 16:09

  • json_encode转码

    json_encode转码

    2016-01-17 12:52

  • Android 之 json数据的解析(jsonReader)

    Android 之 json数据的解析(jsonReader)

    2015-11-24 19:19

  • 关于Java(JDBC介绍)

    关于Java(JDBC介绍)

    2015-11-22 16:37

网友点评
j