`
Action-人生
  • 浏览: 105700 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

ExtJS Store 方法以及属性介绍

ext 
阅读更多
store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表

方法:不列举继承来的方法
Store( Object config )
构造,config定义为{
autoLoad : Boolean/Object,    //自动载入
baseParams : Object,    //只有使用httpproxy时才有意义
data : Array,        //数据
proxy : Ext.data.DataProxy,//数据代理
pruneModifiedRecords : boolean,//清除修改信息
reader : Ext.data.Reader,    //数据读取器
remoteSort : boolean,    //远程排序?
sortInfo : Object,    //{field: "fieldName", direction: "ASC|DESC"}这样的排序对象
url : String,        //利用url构造HttpProxy
}

add( Ext.data.Record[] records ) : void
增加记录records 到store

addSorted( Ext.data.Record record ) : void
增加record到store并排序(仅本地排序时有用)

clearFilter( Boolean suppressEvent ) : void
清除过滤器

collect( String dataIndex, [Boolean allowNull], [Boolean bypassFilter] ) : Array
收集由dataIndex指定字段的惟一值

commitChanges() : void
提交Store所有的变更,会引发Update事件


filter( String field, String/RegExp value, [Boolean anyMatch], [Boolean caseSensitive] ) : void
设定过滤器
field:String    //字段名
value:String    //RegExp 如果是字符器,检查field是否以value开始,如果是正则,检查是否匹配
anyMatch:Boolean //匹配任何部分而不仅令是开始
caseSensitive:Boolean //大小写敏感?

filterBy( Function fn, [Object scope] ) : void
更强悍的过滤方法.fn接收两个参数record和id

find( String property, String/RegExp value, [Number startIndex], [Boolean anyMatch], [Boolean caseSensitive] ) : Number
找到符合条件的第一条记录,参数同filter

findBy( Function fn, [Object scope], [Number startIndex] ) : Number
参见filterBy

getAt( Number index ) : Ext.data.Record
getById( String id ) : Ext.data.Record
依充号/id得到record对象

getCount() : void
得到记录数

getModifiedRecords() : Ext.data.Record[]
得到修改过的记录集

getRange( [Number startIndex], [Number endIndex] ) : Ext.data.Record[]
得到指定范围的记录集合

getSortState() : void
得到排序状态:显然不是void而是返回一个排序对象,同sortInfo一样的结构{field: "fieldName", direction: "ASC|DESC"}

getTotalCount() : void
这个对于翻页信息还是很有用的

indexOf( Ext.data.Record record ) : Number
indexOfId( String id ) : Number
由记录或id得到序号

insert( Number index, Ext.data.Record[] records ) : void
在指定的位置插入记录,并引发add事件

isFiltered() : Boolean
当前设置了过滤器则返回真

load( Object options ) : void
由指定的Proxy使用指定的reader读取远程数据
options定义为
{
    params :Object,    //请求url需要附加的参数
    callback :Function//回叫方法,接收三个参数
      //r : Ext.data.Record[] //返回的record数组
      //options: Options load方法传入的options
      //success: Boolean //成功
    scope :Object, //范围.默认是store本身
    add :Boolean 追加还是更新
}


loadData( Object data, [Boolean append] ) : void
用法比load简单一点,目的是一样的,只是这次数据由本地读取

query( String field, String/RegExp value, [Boolean anyMatch], [Boolean caseSensitive] ) : MixedCollection
queryBy( Function fn, [Object scope] ) : MixedCollection
查询,参数和find类似,但返回所有符合条件的record,而不是第一个符合条件记录的序号

rejectChanges() : void
放弃所有的变更

reload( [Object options] ) : void
重新载入,相当于 load(options,false),如果连options都没有传入,则取最后一次load时使用的参数

remove( Ext.data.Record record ) : void
移除指定记录

removeAll() : void
移除所有记录

setDefaultSort( String fieldName, [String dir] ) : void
设置默认排序规则

sort( String fieldName, [String dir] ) : void
排序

sum( String property, Number start, Number end ) : Number
对property字段由start开始到end求和

事件列表
add : ( Store this, Ext.data.Record[] records, Number index )
beforeload : ( Store this, Object options )
clear : ( Store this )
datachanged : ( Store this )
load : ( Store this, Ext.data.Record[] records, Object options )
loadexception : ()
metachange : ( Store this, Object meta )
remove : ( Store this, Ext.data.Record record, Number index )
update : ( Store this, Ext.data.Record record, String operation )
看名字都很简单,参数也不复杂,略过
分享到:
评论

相关推荐

    EXTJS4自学手册

    EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require) EXTJS...

    ExtJS介绍以及GridPanel

    它将网页元素抽象为可复用的组件,如按钮、表格、窗口等,每个组件都有自己的属性、方法和事件,可以方便地进行组合和定制。这种组件化的思想极大地提高了代码的可维护性和复用性。 GridPanel是ExtJS中的重要组件,...

    Extjs 相关属性设置 集合(部分)

    总结起来,EXTJS中的属性设置涉及到数据存储的配置,如`Store`、`Proxy`和`Reader`,以及数据操作,如添加记录和管理选择状态。这些概念在EXTJS中是核心组成部分,理解和掌握它们对于创建交互式的Web应用程序至关...

    ExtJS grid过滤操作

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

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

    - 修改Store中的数据:你可以直接通过`getAt`方法获取特定索引的记录,然后使用`set`方法来修改其属性。例如,更改第一个记录的名字: ```javascript store.getAt(0).set("name", "Jesse"); ``` 5. **数据变更...

    Extjs4下的STOREMENU

    在ExtJS 4中,STOREMENU 是一种特定的功能,它将数据存储(Store)与菜单(Menu)相结合,提供了一种动态创建菜单项的方法,这些菜单项可以根据存储的数据进行更新。这种功能在需要根据用户权限或实时数据动态展示...

    extJs3升级extjs4方案

    ExtJS4 已完全重新写 grid 组件,tree 也被更新,所以从版本 3 到 4 大部分的属性改变了。 在 ExtJS4 中,API 也发生了很大的变化,包括 tree、tab panel、grid、window、form、chart、data stores、border layout ...

    Extjs属性大全

    以上属性和方法只是Extjs中的一部分,通过这些设置,开发人员可以根据实际需求定制自己的用户界面,并实现各种复杂的功能。Extjs的强大之处在于它提供了丰富的组件库以及灵活的配置选项,使得开发者能够轻松应对各种...

    extjs 分页

    下面将详细阐述EXTJS分页的核心概念、实现方法以及DAO和Action在其中的作用。 一、EXTJS分页核心概念 1. Store:EXTJS中的Store是用来存储数据的容器,它可以连接到各种数据源,包括本地数组、远程JSON、XML等。...

    Extjs4.2 Chart柱状图

    然后,你需要创建一个配置对象来定义图表的样式、颜色、轴等属性。例如,设置x轴显示类别,y轴显示数值: ```javascript var chartCfg = { renderTo: Ext.getBody(), // 渲染到页面body width: 600, height: 400...

    extjs中文文档大全

    开发者可以通过阅读手册了解每个组件的属性、方法和事件,便于在实际项目中灵活运用。同时,手册还会讲解EXT的布局系统,如Fit布局、Form布局和Table布局,以及如何使用Store和Model进行数据管理。 3. **Ext Core...

    ExtJs2相关书籍

    手册通常会详细解释每一个类、方法、属性和事件,帮助开发者查找并理解特定功能的实现方式。通过阅读这本手册,开发者可以系统地学习ExtJS2的组件体系,以及如何利用这些组件进行高效开发。 `Ext2.2.jude.zip` 文件...

    EXTJS讲解个人项目经历

    EXTJS通过Store、Proxy和Model等机制,方便地进行AJAX请求,实现与服务器端的数据交换。 EXTJS是一个功能全面且强大的前端框架,适合开发复杂的企业级Web应用。通过深入理解EXTJS的组件模型、布局管理、数据绑定和...

    extjs3.3 中文文档

    10. **API参考**:EXTJS 3.3的中文文档还包含了一个详细的API参考,列出了所有可用的类、方法、属性和事件,便于开发者查找和使用。 总的来说,EXTJS 3.3中文文档是学习和开发EXTJS应用程序的重要资源。通过深入...

    汇总Extjs中GridPanel的各个属性与方法.doc.docx

    ExtJS 是一个强大的...以上就是 ExtJS 中 GridPanel 的一些核心属性和方法,它们共同构建了一个功能强大的数据展示和交互界面。在实际开发中,可以根据需求灵活配置和使用这些组件,以实现各种复杂的数据管理功能。

    extjs目录树编辑

    可以使用`store.find`或`store.findBy`方法根据特定条件查找节点,返回匹配的索引或节点对象。如果知道节点ID,也可以直接使用`store.getNodeById`获取。 5. **工具类**:在EXTJS中,开发者通常会创建工具类来封装...

    ExtJS中文手册.doc

    9. **API参考**:列出ExtJS的所有类、方法、属性和配置项,是查阅具体功能的快速指南。 通过学习《ExtJS中文手册》,开发者可以深入理解ExtJS的工作原理,熟练掌握其组件和API,从而高效地开发出高质量的Web应用。

Global site tag (gtag.js) - Google Analytics