@H_301_1@
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
拉灯
]];@H_301_1@
reader
new
Ext.data.ArrayReader(@H_301_1@
{id:0}
301_1@ [@H_301_1@
{name:'name1301_1@
occupation2@H_301_1@ ]);@H_301_1@ @H_301_1@
store
Ext.data.GroupingStore(
{@H_301_1@ reader:reader,@H_301_1@ groupField:301_1@ groupOnSort:true301_1@ sortInfo:{field:"ASC}//使用GroupingStore时必须指定sortInfo信息@H_301_1@ );@H_301_1@ store.loadData(arr);@H_301_1@ @H_301_1@
//
GridPanel以后会讨论,这儿使用它是为了直观的表现GroupingStore
@H_301_1@
grid
Ext.grid.GridPanel(
{@H_301_1@ ds:store,@H_301_1@ columns:[@H_301_1@ {header:20301_1@ @H_301_1@ ],@H_301_1@ view:newExt.grid.GroupingView({@H_301_1@ forceFit:301_1@ groupTextTpl:{text}({[values.rs.length]}{[values.rs.length>1?"Items":"Item"]})@H_301_1@ }),@H_301_1@ frame:301_1@ width:700301_1@ height:450301_1@ collapsible:301_1@ animCollapse:false301_1@ title:GroupingExample301_1@ renderTo:Div_GridPanel@H_301_1@ }
);@H_301_1@
Ext.data.JsonStore
也是Store子类,目标是更方便的使用json对象做数据源
构造中多了fields,root,用法如下例所示
/*@H_301_1@ 这是使用远程对象,返回内容与下面本地对象的data一致@H_301_1@ varstore=newExt.data.JsonStore({@H_301_1@ url:'jsoncallback.js',@H_301_1@ root:'rows',@H_301_1@ fields:['id','name','occupation']@H_301_1@ });@H_301_1@ store.load();@H_301_1@ */
Ext.data.JsonStore(
{@H_301_1@ data:{results:rows:[@H_301_1@ idBillGardener301_1@ BenHorticulturalist@H_301_1@ ]}301_1@ autoLoad:301_1@ root:301_1@ fields:[]@H_301_1@ }
)@H_301_1@ @H_301_1@
目前请先略过gridpanel,以后再说
Ext.grid.GridPanel(
301_1@ columns:[@H_301_1@ 200301_1@ 301_1@ 350620ArrayGrid
Ext.data.SimpleStore
从数组对象更方便的创建Store对象,
例
varstore Ext.data.JsonStore( {@H_301_1@ data:[@H_301_1@ []@H_301_1@ ],@H_301_1@ fields:[)@H_301_1@ vargrid Ext.grid.GridPanel( 301_1@ columns:[@H_301_1@ 301_1@ );
原文链接：/json/290466.htmlExt.data.SimpleStore
从数组对象更方便的创建Store对象,
例
varstore Ext.data.JsonStore( {@H_301_1@ data:[@H_301_1@ []@H_301_1@ ],@H_301_1@ fields:[)@H_301_1@ vargrid Ext.grid.GridPanel( 301_1@ columns:[@H_301_1@ 301_1@ );