当前位置：首页 > 编程日记 > 正文

extjs关于jsonreader

编程日记 2024-10-29 10:00:00

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

JsonReader支持分页，与JSON数据对应格式如下：

 totalProperty:　  json数据中，保存总记录数的属性
successProperty:  json数据中，保存是否返回成功的属性名 
 root:　　　　　　　json数据中，保存记录集的属性的属性名
id:　　           json数据中，记录中主键所对应的列的属性名

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

//JSON数据

var json = { 'results': 2,

'rows': [

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

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

]

};

在JsonReader中设置为如下代码：

   //JsonReader
            var reader = new Ext.data.JsonReader(
                {
                    totalProperty: "results",  //totalRecords属性由json.results得到
                    successProperty: true,    //json数据中，保存是否返回成功的属性名
                    root: "rows",            //构造元数据的数组由json.rows得到
                    id: "id"                //id由json.id得到
                }, [
                    { name: 'name', mapping: 'name' },
                    { name: 'occupation'}            //如果name与mapping同名,可以省略mapping
                ]

);

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'}

]);

https://www.dkcj.cn/info/25149.html

extjs关于jsonreader

相关文章：

求逆元 - HNU 13412 Cookie Counter

IEEE 发布年终总结，AI 奇迹不再是故事

一则利用内核漏洞获取root权限的案例【转】

Ext.data库

2021年最有用的数据清洗 Python 库

组合与继承之重写方法和字段

20165334 四则运算阶段性总结（第二周）

取消掉Transfer-Encoding:chunked

【LeetCode】142 - Linked List Cycle II

3000 字详解 Pandas 数据查询，建议收藏

stylus使用文档总结：内置方法+参数+条件+迭代+导入+继承

用 Python 制作酷炫的可视化大屏，特简单！

HTTP协议中的Tranfer-Encoding：chunked编码解析

[转] splice系列系统调用

嵌入式s5vp210裸机 KXTF9-2050（G-sensor）

JavaScript面向对象编程

sublime text3 前端插件介绍

如何使用 OpenCV Python 检测颜色

使用树形结构保存实体

在Javascript中使用面向对象的编程

马斯克嘲笑「元宇宙」的想法，并给年轻人5条鸡汤

OpenLDAP自定义属性的启用

硬中断与软中断的区别！

smarty模板

乘“云原生”之风、踏“数字化”的浪，《新程序员003》开启预售！

BZOJ4245 : [ONTAK2015]OR-XOR

关键词排名下降怎么办-优八学院给你支招

全面解析 Kmeans 聚类算法（Python）

.htaccess的重写规则

amaze ui各个模块简单说明