`

Ext学习之6_组件5_Data2

阅读更多
Ext.namespace("com.deng");
/**
 * Ext.data.DataReader类
 * DataReader类从来不单独行动,总是看DataProxy行事,DataReader用来定义数据项(行)的逻辑结构,主要
 * 信息有:列的逻辑名称(name),列的数据类型(type)、列与数据源的索引映射(mapping)等,另外,还包含一些
 * 元数据,如分页信息
 * 实际上,每一个数据项都是一个Ext.data.Record(记录)对象,而数据项的列信息则是通过Ext.data.Record来定义的,
 * Ext.data.Record并没有固定的结构,他保存的是一个json对象数组,数组的元素个数由列的数量来决定。在上面的
 * 例子中,城市包含ID和名称,所以,必须在数组中定义两个元素
 * var city = Ext.data.Record.create([
 *     {name:"cid",type:"int",mapping:0},
 *     {name:"cname",type:"string",mapping:1}
 * ]);
 * mapping是列值与数组元素的映射关系
 * Record创建好后,必须和DataReader关联,DataReader有三个子类;Ext.data.ArrayReader、
 * Ext.data.JsonReader、Ext.data.XmlReader
 * DataReader从不单独行动,使用哪一个子类主要取决于DataProxy中封装的数据类型,如果是数组,则使用
 * Ext.data.ArrayReader,如果是json,则使用Ext.data.JsonReader,如果是xml,则使用Ext.data.XmlReader
 * 在本例中,我们处理的数据类型是数组,所以自然要使用ArrayReader
 * var reader = new Ext.data.ArrayReader({},city);
 * 构造ArrayReader对象时第一个参数是元数据,第二个参数则是Record。也可以一步到位
 * var reader = new Ext.data.ArrayReader({},[
 *     {name:"cid",type:"int",mapping:0},
 *     {name:"cname",type:"string",mapping:1}
 * ]);
 * 
 
分享到:
评论

相关推荐

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    2. **数据模型定义**:定义数据模型(Ext.data.Model),声明每个节点的数据结构,这有助于数据的序列化和反序列化。 3. **数据存储**:创建一个数据存储(Ext.data.Store),并配置其URL以连接到后端服务,用于...

    java-ext.zip_ext_ext java_ext 标签_ext java_java ext

    在ExtJS中,可以使用`Ext.Ajax`或`Ext.data.Store`等组件发起HTTP请求,获取JSON数据,并在前端进行展示或处理。 具体步骤可能如下: 1. **创建ExtJS组件**:在前端,开发者会定义一个ExtJS组件,比如Grid或Tree,...

    【叨、校长】Ext 下拉树插件_ComboTree_xz

    【叨、校长】Ext 下拉树插件_ComboTree_xz 是一个基于ExtJS库的扩展组件,用于在用户界面中实现下拉树形选择功能。这个插件将传统的下拉框与树形结构相结合,提供了更加灵活和直观的数据选择方式,尤其适用于需要...

    ext_ext_knew7pi_ajax_

    在`knew7pi`这个标签中,可能是指某个个人或团队对EXT 1.1的深入理解和实践,他们分享了一些关于EXT AJAX的实例,包括如何使用EXT组件(如GridPanel、Menu和Window)与服务器进行AJAX交互,实现动态内容展示和用户...

    ext2_2.1.rar_ext2_ext2文件系统_文件模拟磁盘

    EXT2(Second Extended File System)是Linux操作系统中广泛使用的文件系统之一,主要设计于1992年,作为EXT文件系统的扩展。EXT2文件系统在Linux社区中具有重要的地位,因为它提供了一种可靠且高效的存储数据的方式...

    Ext 3.0 中文API_chm

    2. **布局(Layouts)**:Ext 3.0提供了多种布局管理器,如Fit布局、Table布局、Form布局等,用于控制组件在容器中的排列和尺寸调整。 3. **数据绑定(Data Binding)**:通过数据绑定,Ext 3.0可以将视图组件与...

    ext-date.rar_ext da_ext date

    在开发中,定制EXT Date控件可能是为了满足特定项目的需求,例如,自定义日期格式、添加特殊日期标记、实现复杂的日期范围验证,或者与其他EXT组件深度集成,提供更高级的数据过滤和排序功能。 "ext_date"标签则...

    Source code for ArcGIS Viewer for Flex 2.5

    5. 自定义扩展:通过源代码,开发者可以扩展或替换内置功能,实现个性化的GIS应用。 五、开发与调试 开发ArcGIS Viewer for Flex应用,需要安装Flex Builder或IntelliJ IDEA等IDE,以及相应的Flex和ArcGIS SDK。...

    ext_image.rar_ext_image_extjs_extjs 4.2 img_extjs image_extjs图片上

    开发者可以利用ExtJS的数据模型(`Ext.data.Model`)和数据存储(`Ext.data.Store`)来管理图片信息,如URL、描述等。通过将数据源与视图组件关联,可以动态地加载和展示图片列表。模板(`Ext.XTemplate`或`Ext.util...

    ext学习资料ext学习资料

    var store = new Ext.data.Store({proxy: new Ext.data.MemoryProxy(data), ...}); var grid = new Ext.grid.GridPanel({cm: cm, store: store, autoHeight: true, renderTo: document.body}); store.load(); ``...

    Ext.data.Store的基本用法

    `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。本文将详细介绍`Ext.data.Store`的基本用法。 #### 二、创建Ext....

    ext_教程 (ext 相 关)

    在EXT的学习过程中,理解其组件模型是关键。EXT的组件化设计使得开发者可以像搭建积木一样组合UI,每个组件都有自己的属性、方法和事件。同时,EXT的Data Package提供了强大的数据管理功能,与服务器进行双向数据...

    ext学习文档

    - **Let's go**: 提供了一个简单的示例,展示如何扩展现有的EXT组件。 - **完成**: 总结了扩展EXT组件的过程。 #### 8. EXT的布局(Layout) - **简单的例子**: 展示了如何使用EXT的布局管理器来组织UI元素。 - **...

    developing_with_ext_gwt_enterprise_ria_development.pdf

    9. **自定义组件与模板**:除了预定义的组件,开发者还可以学习如何创建自定义组件和模板,以满足特定项目的需求。 10. **示例应用**:书的最后,通过一个完整的客户端-服务器应用程序实例,展示了如何将前面所学...

    ext自定义树组件

    2. **模型(Model)与存储(Store)**:树数据通常存储在EXT的数据存储组件(如Ext.data.TreeStore)中,它负责管理数据的加载、排序、过滤等操作。你需要定义一个树模型(Ext.data.TreeModel),明确各个字段的含义...

    Ext JS PagingToolbar 组件

    Ext JS PagingToolbar组件是用于实现数据分页显示的重要工具,尤其在处理大量数据时非常有用。它提供了一种用户友好的界面,使用户能够轻松浏览和导航大量的信息。PagingToolbar通常与Ext JS的数据存储(如Store)和...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    ext js 5正式版

    6. **数据包(Data Package)**:EXT JS 5的数据包提供了模型(Model)、 store 和 proxy 的强大支持,可以方便地处理各种数据源,如JSON、XML或远程API接口。 7. **图表(Charts)**:EXT JS 5的图表组件功能强大...

Global site tag (gtag.js) - Google Analytics