Extjs中分页的使用:
在后台查询程序中查询出的数据集合要放在一个辅助类的对象中辅助类要有2个属性,一个放数据总数,一个房数据集合,例如:
public class DirectStore {
private int totalRecords;
private final List<?> results;
public DirectStore(final int totalRecord, final List<?> results) {
super();
this.totalRecords = totalRecord;
this.results = results;
}
public List<?> getResults() {
return this.results;
}
public int getTotalRecord() {
return this.totalRecords;
}
public void setTotalRecord(final int totalRecord) {
this.totalRecords = totalRecord;
}
@Override
public String toString() {
return "{'totalRecords':" + this.totalRecords + ",'results'"
+ this.results + "}";
}
}
把查询出的额数据集合放在对象中
DirectStore store = new DirectStore(recordNumber, list);
在ext的页面中,需要先定义如下:
var typeStore = new Ext.data.DirectStore({
paramOrder : [ 'start', 'limit' ],
baseParams : {
'start' : 0,
'limit' : 20
},
root : 'results',
totalProperty : 'totalRecords',//和DirectStore对象的totalRecords属性一样
idProperty : 'id',
fields : [ 'id', 'name', 'Unit', 'description' ],//集合中存放的对象的属性
directFn : EamDjn.getDepartment
});
typeStore.load();
再在页面下面写:
bbar: new Ext.PagingToolbar({
pageSize: 20,
store : typeStore,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg: '没有记录'
})
这样就完成分页了,需要