`
endual
  • 浏览: 3559690 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

extjs -Ext.data

    博客分类：
  • ajax
 
阅读更多

      我们现在的迫切任务是理解Ext.data 里的类，在该命名空间中，有三个东东非常厉害也
非常难懂，分别是DataProxy、DataReader 和Store。理解这三个类成了灵活应用Extjs 的关
键，那么，我该怎么解释才能达到最理想的效果？这真是个难题。
我试着用最简单的语言来描述DataProxy、DataReader 和Store 的作用，不一定面面俱
到，但应该能说明问题。
DataProxy：获取想要的数据，通过他能得到来自不同地方的数据，如数组、远程服务
器，并组织成不同的格式。
DataReader：定义数据项的逻辑结构，一个数据项有很多列，每列的名称是什么，分别
是什么数据类型，都由该类来定义。另外，还负责对不同格式的数据进行读取和解析。
Store：存储器，用于整合Proxy和Reader，控件索取数据时通常和他打交道。

分享到：
| extjs append
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    Ext.data.Store的基本用法

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

    extjs-tree.zip_extjs tree

    var store = Ext.create('Ext.data.TreeStore', { proxy: { type: 'ajax', url: 'tree-data.json', // 这是服务器端返回树形数据的接口 reader: { type: 'json', rootProperty: 'children' // JSON数据中表示...

    extJs-2.2.zip

    5. **数据绑定**：通过Data Package，ExtJS实现了视图和数据的双向绑定，允许数据源的变化实时反映到界面上，反之亦然。这极大地简化了数据驱动的应用程序开发。 6. **Ajax支持**：ExtJS内置了Ajax功能，可以轻松地...

    ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc

    var store = new Ext.data.JsonStore({ url: 'jsonDataPerson.asp', root: 'rows', fields: ['name', 'age', 'sex'] }); store.load(); grid.store = store; ``` 这里创建了一个JsonStore，指定数据来源URL和...

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种，我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....

    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.tree.TreeLoader附带封装的json类

    在本文中，我们将深入探讨`Ext.tree.TreeLoader`与JSON数据在Ext JS框架中的应用。`Ext.tree.TreeLoader`是Ext JS库中的一个组件，它负责加载和解析树形结构的数据，而JSON（JavaScript Object Notation）则是一种轻...

    ExtJS ToolTip功能

    var store = Ext.create('Ext.data.ArrayStore',{ fields:['company','price','change'], data:[ ['3mCo',71.72,0.02], ... ] }); ``` 创建了一个数组类型的存储器（`ArrayStore`），用于存储公司的名称、...

    ext-7.2.0.67.zip

    Sencha Ext JS is the most comprehensive JavaScript framework for building data-intensive, cross-platform web and mobile applications for any modern device. Ext JS includes 140+ pre-integrated and ...

    Extjs4.X下comboboxTree下拉树型菜单，完美支持多选、单选，绝对好用

    store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... */ ] } }), displayField: 'text', valueField: 'id', mode: '...

    关于extjs ext.tree

    var store = new Ext.data.TreeStore({ root: { text: 'Root', expanded: true, children: [ { text: 'Child 1' }, { text: 'Child 2', children: [{ text: 'Grandchild' }] } ] } }); var tree = new ...

    Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

    代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: pageSize, model: ‘Ext.data.Model名称’, autoLoad: false, proxy: { type: ‘ajax’, url: ‘请求路径’, getMethod: function(){ return ...

    extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip

    开发者可以通过Ext.data.Model与这个数据源进行交互。 5. **readme.md**：这是一个Markdown格式的文档，通常包含了关于项目的信息、安装指南和使用说明。在这个示例中，readme.md可能详细解释了如何运行和理解这个...

    SenchaCmd-3.1.0.192-windows.exe

    需要注意的是，生成的EXTjs 是商业体验版本，如果你购买了，那么你需要下载ext js的zip包，并且使用-SDK命令来制定SDK的路径，这样，就不会去默认下载SDK而是按照你本地的文件来生成了。 命令如下： sencha -sdk /...

    Ext3.1 21款精美主题和动态换皮肤

    data: Ext.simpledata.themes }); this.cboTheme = new Ext.form.ComboBox({ id: 'ux-startcombo-theme', store: themestore, valueField: 'File', displayField: 'Name', mode: 'local', typeAhead: true,...

    extJs 2.1学习笔记

    17. extJs 2.0学习笔记(Ext.data序论篇) 39 18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二)...

Magicbox
Global site tag (gtag.js) - Google Analytics