`
jiangpan
  • 浏览: 53789 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

ext store

    博客分类:
  • ext
阅读更多
Ext的数据存储器为:Ext.data.Store
ExtJS中有一个名为Record的类,表格等控件中使用的数据是存放在Record对象中,一个Record可以理解为关系数据表中的一行,也可以称为记录。Record对象中即包含了记录(行中各列)的定义信息(也就是该记录包含哪些字段,每一个字段的数据类型等),同时又包含了记录具体的数据信息(也就是各个字段的值)。一个比较正规的创建store的代码如下:
var MyRecord = Ext.data.Record.create([
 {name: 'title'},
 {name: 'username', mapping: 'author'},
 {name: 'loginTimes', type: 'int'},
 {name: 'lastLoginTime', mapping: 'loginTime', type: 'date'} 
]);
var dataProxy=new Ext.data.HttpProxy({url:"login.do"});
var theReader=new Ext.data.JsonReader({
 totalProperty: "results",  
 root: "rows",              
 id: "id"                   
 },MyRecord
);
var store=new Ext.data.Store({  
 proxy:dataProxy,
 reader:theReader
});
store.load();

store在创建的时候会自动使用HttpProxy来加载参数,并且使用post方式来提交请求,因此上面的代码可简化为:
var MyRecord = Ext.data.Record.create([
 {name: 'title'},
 {name: 'username', mapping: 'author'},
 {name: 'loginTimes', type: 'int'},
 {name: 'lastLoginTime', mapping: 'loginTime', type: 'date'} 
]);
var theReader=new Ext.data.JsonReader({
 totalProperty: "results",  
 root: "rows",              
 id: "id"                   
 },MyRecord
);
var store=new Ext.data.Store({  
url:'login.do',
 reader:theReader
});
store.load();

在Store类的基础上提供了SimpleStore、JSonStore、GroupingStore等,因此上面的JsonReader可以省略:
var store = new Ext.data.JsonStore({
            url:'contact.do',
            root:'data',
            totalProperty:'totalCount',
            fields:[{name: 'vid', mapping: 'id'},
                {name: 'name', mapping: 'name'}, 
                {name: 'vmethod', mapping: 'vmethod'}]
        }); 
0
0
分享到:
评论

相关推荐

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...

    Ext中对于多种store数据分页实现示例

    在EXT JS这个强大的JavaScript框架中,数据存储是通过Store组件来完成的。Store负责管理和处理数据,包括加载、缓存、排序、过滤等操作。在处理大量数据时,分页功能显得尤为重要,它能有效提高网页性能,避免一次性...

    ext中store的各个应用

    在EXT JS这个强大的JavaScript框架中,Store是一个至关重要的组件,它负责管理数据,与服务器进行交互,并为Grid、Tree等视图提供数据源。本文将深入探讨EXT中Store的应用及其重要性。 首先,Store是EXT JS中数据层...

    Ext2.0本地模式动态修改combobox选择项

    4. **store**: 在Ext JS中,Store是用来管理数据的组件,它可以与Combobox等组件进行数据绑定,提供数据源。 5. **tree**: 这可能是另一种Ext JS组件——TreePanel,通常用于显示层次结构数据,但在这个上下文中,...

    Ext.data.Store的基本用法

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

    EXT树表分页(SERVLET)

    2. **EXT Store配置**:分页功能在EXT的Store中实现,需要设置分页参数,如每页记录数(pageSize)、自动加载(autoLoad)和分页控件(pagingToolbar)。此外,Store还需要连接到后台服务器以获取数据。 3. **...

    ext js calendar 日历

    首先,创建一个Ext Store并定义使用Ext.calendar.EventRecord的记录。然后,将Store绑定到`eventStore`配置项,CalendarPanel会自动监听Store的事件,更新UI。对于不能直接使用EventRecord的情况,可以通过覆盖Ext....

    使用Ext显示数据库中内容

    1. **配置`Ext Store`**:在`Ext`中,`Store`是用于存储和管理数据的容器。我们需要创建一个`Store`实例,配置数据源(如:`Ajax`请求的URL)和数据模型(`Model`),用于从服务器获取数据。例如: ```javascript ...

    Gwt-Ext学习笔记之进级篇

    在深入探讨GWT-Ext之前,我们先了解一下GWT(Google Web Toolkit)和Ext Js的基础。GWT是一个开源的开发工具,允许开发者使用Java语言来编写客户端的Web应用程序,然后将其编译为优化过的JavaScript代码,以实现高...

    VS下的 EXT MVC模型(利用SQL数据库)

    EXT提供了Store对象,它可以配置为使用不同的数据源,包括SQL数据库。通过AJAX请求,我们可以执行CRUD(Create, Read, Update, Delete)操作,将数据同步到数据库。 4. **读取操作**: 要从SQL数据库读取数据,...

    ext学习

    var store = Ext.create('Ext.data.Store', { model: 'User', proxy: { type: 'ajax', url: 'JsonExt.json', reader: { type: 'json', rootProperty: 'users' // 假设JSON数据的根节点是'users' } } }); ``...

    Ext数据模型Store

    Ext数据模型中的Store是EXT框架中非常核心的一个概念,它是数据管理的主要接口,负责存储和管理数据集。Store内部使用了`Ext.util.MixedCollection`数据结构,这使得它可以同时作为映射和列表来操作数据,并在数据...

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员

    EXT+STRUTS2 经典例子

    6. **EXT Store 和 Proxy**:EXT 的 Store 用于存储和管理数据,Proxy 则是 Store 与服务器通信的桥梁。在这个例子中,Proxy 可能配置为使用 AJAX 方式,与 Struts2 ACTION 进行通信。 这个“EXT+STRUTS2 经典例子...

    ExtJS grid过滤操作

    本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对本地store进行筛选。 1. **Grid过滤基础** - **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要...

    Ext中Store详解

    ### Ext中Store详解 在ExtJS框架中,`Store`是一个非常重要的组件,它主要用于管理应用程序中的数据。无论是从本地还是远程服务器获取数据,Store都能有效地处理这些数据,并且能够支持各种数据操作,如检索、排序...

    Extjs4 关于Store的一些操作(加载/回调/添加)

    var reportStore = new Ext.data.Store({ proxy: reportProxy, reader: reportReader, listeners: { beforeload: function() { msgTip = Ext.MessageBox.show({ title: '提示', width: 250, msg: '页面报表...

    ExtJS Store的数据访问与更新问题

    在ExtJS中,Store是一个非常重要的组件,它用于管理和存储数据。Store通常与DataModel(在例子中是PersonRecord)配合使用,以结构化的方式管理应用程序的数据。在处理数据访问和更新时,以下是一些关键知识点: 1....

    Ext.data.Store 读取XML属性值

    在处理数据时,`Ext.data.Store`是一个至关重要的组件,它用于存储和管理数据,可以与各种数据源进行交互。当我们需要从XML文档中提取数据并加载到`Store`时,就涉及到`Ext.data.reader.Xml`。这篇博客文章《Ext....

Global site tag (gtag.js) - Google Analytics