jquery - JSF での無限スクロールと XML 応答からのデータの統合

Question

私は次の構造を持っています：

<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>

の内部にはinnerContent、XML 応答からの情報が取り込まれています。これは、次の応答を取得する方法です#{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 を設定するという唯一の違いを除いて、2 つのものはほとんど同じです。

hotelResults.xhtml は、データが表示されているページの名前です。

Paul Irish と Luke Shumard の Infinite Scroll を使用してみました<a href>が<a href>、使用できません。action="#{HotelList.nextPage()}"

http://kahimyang.infoから無限スクロールも試しましたが、うまくいきませんでした。

これを実現するために何を変更する必要があるかについての洞察を探しています。私が作成したページネーションが役立つと思います。

また、私は JSF にまったく慣れていないことを付け加えたいと思います。そのため、これがばかげた質問である場合は申し訳ありません。