我想弄清楚如何做真正的分页与richfacedatascroller。
目前我的查询拉所有的数据从表,我想要它,所以当你点击下一个按钮的数据滚动,它将查询数据库的下一个20行。
我理解如何编写查询来限制行,但我不确定如何获得datascroller的下一个按钮调用特定的方法。
我看到有很多人在Richfaces论坛上发布潜在的解决方案,但他们都使用数据模型。由于我没有使用ORM,我不确定如何将这些解决方案适合我所拥有的。
任何帮助都是感激的。
<rich:extendedDataTable id="resultsTable" value="#{tableBacking.results}" var="results" sortMode="single" rowKeyVar="row">
<rich:columns value="#{tableBacking.columns == null ? '' : tableBacking.columns}" var="columns" index="ind" id="column#{ind}" sortBy="#{results[ind].data}" rendered="#{tableBacking.columns != null}">
<f:facet name="header">
<h:outputText value="#{columns.columnDescription}" />
</f:facet>
<h:outputText value="#{results[ind].data}" />
</rich:columns>
</rich:extendedDataTable>
<rich:datascroller for="resultsTable" page="#{tableBacking.page}" renderIfSinglePage="false" />
支持bean public class TableBacking {
private List<List<TableData>> results = null;
private int page = 0;
public int getPage() {
return page;
}
public void setPage(int page) {
this.page = page;
}
public List<List<TableData>> getResults() throws Exception {
return results;
}
public void setResults(List<List<TableData>> results) {
this.results = results;
}
private void getData(String whereClause) {
try {
DataDao dd = new DataDao();
results = dd.getData(); // dd.getData just runs a query on a table and puts the results in a List of lists.
} catch (Exception e) {}
}
试着这样做:
JSF Stuff:
<rich:dataTable id="listTable" var="record" rows="10" value="#{personBean.data}">
....
<f:facet name="footer">
<rich:column colspan="8">
<rich:dataScroller page="#{personBean.page}" for="listTable"
scrollListener="#{personBean.scrollPage}" render="listTable" />
</rich:column>
Records : #{personBean.data.size()}
</f:facet>
</rich:dataTable>
Java BackBean Stuff:
public class PersonBean {
// List of Persons
private PagedList<Person> data;
// Current page
private Integer page;
// Default rows to display
private Integer rows = 10;
// Persistence layer
private DaoService daoService;
@PostConstruct
public void init(){
page= 1;
}
// Event trigger on scroll page
public void scrollPage(DataScrollEvent ev) {
log.debug("Scroll event");
reset();
// getPersons execute 2 queries : the first query is the count(*) and the result is set in TotalElements
// the second query gets the 'n' records defined in rows , something like this :
// select * from Persons LIMIT page*rows, (page*rows) + rows and the result is set in Content
Page<Person> pageResult = this.daoService.getPersons(filter, page - 1, rows);
// Now create a pagedList with the constructor
this.data = new PagedList<Person>(pageResult.getContent(), (int) pageResult.getTotalElements(), this.pageSize);
}
}
Java PagedList
public final class PagedList<E> extends AbstractList<E> {
private final List<E> lista;
private final int total;
private final int pageSize;
public PagedList(List<E> lista, int total, int pageSize) {
this.lista = lista;
this.total = total;
this.pageSize = pageSize;
}
public int size() {
return total;
}
public E get(int i) {
i = i % this.pageSize;
return lista.get(i);
}
}
诀窍是用数据库中dataTable
的计数来设置PagedList
类的total属性,并且只设置PageList
列表中的分页元素。
您需要将您的rich:extendedDataTable
绑定到支持bean中的一个属性。
Java
private HtmlExtendedDataTable Table;
//Getter and setter
之后绑定视图
xhtml <rich:extendedDataTable id="resultsTable" value="#{tableBacking.results}" var="results" sortMode="single" rowKeyVar="row" binding="#{tableBacking.Table}">
Richfaces HtmlExtendedDataTable
有一个方法来检查每页显示多少行,称为getRows()
。当bean初始化时,只加载第一个页面值,根据它(您可以在其余页面上仅加载元素的id,稍后当您要访问该页面时,根据id加载它们)。
<rich:datascroller/>
也有一个事件,当页面按钮被点击时触发,您可以通过以下方式从后台bean获取该事件:
<f:facet name="footer">
<rich:datascroller id="ds"
scrollerListener="#{tableBacking.actionOnPageChange}" />
</f:facet>
Java
public String actionOnPageChange(DataScrollerEvent event)
此DataScrollerEvent
包含用户点击的页面,您可以使用getNewScrolVal()
获得该页面。当这种情况发生时,只需在表中加载相应页面的值,就可以了。
我发现的最佳解决方案是将数据表的"value"属性映射到org.richfaces.model.ExtendedTableDataModelproperty。然后使用org.richfaces.model.DataProvider的实例初始化ExtendedTableDataModel。示例:
在视图中:
<rich:dataTable id="table" value="#{bean.model}" rows="#{bean.rows}">
<!-- columns -->
<f:facet name="footer">
<rich:dataScroller for="table"/>
</f:facet>
</rich:dataTable>
在bean中:
@ManagedBean
public class Bean {
private int rows = 15; // the ammount of rows per page.
private org.richfaces.model.ExtendedTableDataModel model = new org.richfaces.model.ExtendedTableDataModel(
new org.richfaces.model.DataProvider(
public int getRowCount() {
// count your rows.
}
public List<T> getItemsByRange(int first, int quantity) {
// fetch the page's rows.
}
public T getItemByKey(Object o) {
return null; // no need to implement this.
}
public Object getKey(T t) {
return null; // no need to implement this.
)
);
public int getRows() { return rows; }
public ExtendedTableDataModel getModel() { return model; }
}