Ext.data-GroupingStore/JsonStore/SimpleStore

前端之家收集整理的这篇文章主要介绍了Ext.data-GroupingStore/JsonStore/SimpleStore前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Ext.data.GroupingStore
继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息
增加了配置属性
groupField : String//用于分组的字段
groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假
remoteGroup : Boolean//远程排序
当然也会多一个group方法
groupBy( String field,[Boolean forceRegroup] ) : void
顾名思义都是重新排序用的

下面是个简单的示例
var arr = [[ 1 , ' 拉登 ],[ 2 3 拉灯 ]];
reader new Ext.data.ArrayReader(
{id:0} {name:'name1occupation2
]);

store Ext.data.GroupingStore( {
reader:reader,
groupField:
true{field:"ASC}//使用GroupingStore时必须指定sortInfo信息
);
store.loadData(arr);

// GridPanel以后会讨论,这儿使用它是为了直观的表现GroupingStore
grid Ext.grid.GridPanel( {
ds:store,
columns:[
{header:20
],
view:
newExt.grid.GroupingView({
forceFit:
{text}({[values.rs.length]}{[values.rs.length>1?"Items":"Item"]})
}
),
frame:
700450 animCollapse:falseGroupingExampleDiv_GridPanel
}
);

Ext.data.JsonStore
也是Store子类,目标是更方便的使用json对象做数据源
构造中多了fields,root,用法如下例所示
/*
这是使用远程对象,返回内容与下面本地对象的data一致
varstore=newExt.data.JsonStore({
url:'jsoncallback.js',
root:'rows',
fields:['id','name','occupation']
});
store.load();
*/
Ext.data.JsonStore( {
data:
{results:rows:[
idBillGardenerBenHorticulturalist
]}
root:]
}
)

目前请先略过gridpanel,以后再说 Ext.grid.GridPanel( 200350620ArrayGrid
Ext.data.SimpleStore
从数组对象更方便的创建Store对象,


varstore
Ext.data.JsonStore( {
data:[
[
]
],
fields:[
)
vargrid
Ext.grid.GridPanel( );

猜你在找的Json相关文章