将JSF中的无限滚动与来自XML响应的数据集成在一起

时间:2013-04-20 13:29:24

标签: jquery jsf infinite-scroll

我有以下结构:

<div id='Content' align='center'>
    <h:form class="form_wrapper">                
        <div id="innerContent">
            <div jsfc="ui:repeat" value="#{HotelList.hotel_summary}" var="hotel" styleClass="dataTable" class="hotelWrapper">
                <ui:repeat  value="" var="">
                          ....................................
                </ui:repeat>            
            </div>                
        </div>
    </h:form>
</div>

正在使用来自XML响应的信息填充innerContent的内部。这就是我得到#{HotelList.hotel_summary}的回复:

HotelListRequest hotel_list = new HotelListRequest();
HotelListResponse response = service.getList(hotel_list);
com.ean.wsapi.hotel.v3.HotelList hl = response.getHotelList();  
hotel_summary = hl.getHotelSummary();
cacheKey = response.getCacheKey();
cacheLocation = response.getCacheLocation();

我已经实现了分页,所以这里是代码:

public String nextPage(){
    HotelListRequest hotel_list = new HotelListRequest();
    hotel_list.setCacheKey(cacheKey);
    hotel_list.setCacheLocation(cacheLocation);

    HotelListResponse response = service.getList(hotel_list);
    com.ean.wsapi.hotel.v3.HotelList hl = response.getHotelList();  
    hotel_summary = hl.getHotelSummary(); 

    cacheKey = response.getCacheKey();
    cacheLocation = response.getCacheLocation();

    return "hotelResults?faces-redirect=true";
}

这两个几乎完全相同,唯一的区别是最后一个设置了cacheKey和cacheLocation,以便获得下一组数据。

hotelResults.xhtml是显示数据的页面名称。

我尝试使用Paul Irish和Luke Shumard的Infinite Scroll,但它只与<a href><a href>合作我无法使用action="#{HotelList.nextPage()}"

我也试过http://kahimyang.info的无限滚动,但没有运气。

我正在寻找一些有关我需要改变以便实现这一目标的见解。我假设我所做的分页会派上用场。

我还想补充一点,我对JSF很新,所以如果这是一个愚蠢的问题我很抱歉,我只是被卡住了。

0 个答案:

没有答案