5

我试图弄清楚如何使用richfaces datascroller 进行真正的分页。

目前我的查询从表中提取所有数据,我想要它,所以当您单击数据滚动器的下一步按钮时,它将查询数据库以获取接下来的 20 行。

我了解如何编写查询来限制行,但我不确定如何让数据滚动条的下一步按钮调用特定方法。

我看到有很多人在 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" />

支持豆

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) {}
}
4

3 回答 3

3

尝试这样做:

JSF 的东西:

 <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 的东西:

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分页列表

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);
    }
}

PagedList诀窍是使用数据库中的计数来设置类的总属性,dataTable并且只在 的列表中设置分页元素PageList

对不起我的英语不好:P

于 2013-01-11T05:23:11.387 回答
0

我发现的最佳解决方案是将 dataTable 的“值”属性映射到 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>

在豆子里:

@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; }

}
于 2015-04-15T21:30:23.767 回答
0

您需要将您绑定rich:extendedDataTable到支持 bean 中的属性。

爪哇

private HtmlExtendedDataTable Table;
//Getter and setter

之后你绑定你的视图

xhtml

<rich:extendedDataTable id="resultsTable" value="#{tableBacking.results}" var="results" sortMode="single" rowKeyVar="row" binding="#{tableBacking.Table}">

RichfacesHtmlExtendedDataTable有一种方法可以检查每页显示多少行,称为getRows(). 当bean初始化时,只加载第一页的值,根据那个(你可以只加载其余页面上元素的id,稍后当你要访问页面时根据id加载它们)。

<rich:datascroller/>还有一个事件,当单击页面按钮时触发,您可以通过以下方式从支持 bean 获取该事件:

xhtml

 <f:facet name="footer">
<rich:datascroller id="ds"
                scrollerListener="#{tableBacking.actionOnPageChange}" />
</f:facet>

爪哇

public String actionOnPageChange(DataScrollerEvent event)

DataScrollerEvent包括用户点击了哪个页面,您可以使用getNewScrolVal(). 发生这种情况时,只需在表中加载相应页面的值即可。

于 2013-01-08T10:55:10.767 回答