【问题标题】:How to get the current page number of dataTable using Jquery如何使用Jquery获取dataTable的当前页码
【发布时间】:2014-01-31 14:00:34
【问题描述】:

我已经尝试了中提供的解决方案 rich:dataTable paging - marking visited pages of rich:datascroller 但它不适用于 4.3.4 丰富的面孔。

我也尝试过数据滚动条的页面属性。这是我实现datascroller页面属性的代码。

 <h:form id="mainForm">
     <rich:dataScroller for="itemDataTable" maxPages="30" execute="itemDataTable" page="#{itemsController.pageIndex}"/>                                 
     <rich:dataTable rowKeyVar="rkVar" rows="15" id="itemDataTable" value="#{itemsController.itemDM}" var="r">
     <f:facet name="footer">
        <h:outputText id="pageNumberOutPutText" value="#{itemsController.pageIndex}"/>
     </f:facet>
        <h:column id="setValue">
            <h:inputText id="finalItem" valueChangeListener="#{itemsController.recalculate()}" value="#{r.items.prices}"/>
        </h:column>
        ...
        ...
    <!-- other columns --> 
    </rich:dataTable>
    <rich:dataScroller for="itemDataTable" maxPages="30" execute="itemDataTable" page="#{itemsController.pageIndex}"/>                                      
</h:form>

我的 itemsController 类中有各自的 getter 和 setter,范围如下:

@ManagedBean
@ViewScoped

pageIndex 最初设置为 1。

private int pageIndex = 1;

我尝试使用以下命令提醒当前页码:

alert('You are in page : ' + $('#mainForm\\:itemDataTable\\:pageNumberOutPutText').val());

但它只提醒 1。即使我单击下一页或单击其他页面,数据表页脚中的 outputText 也仅显示 1。

最重要的是,我想做的就是使用 JQuery 提醒当前页码。如果可能的话,我也不想为此使用 getter 和 setter。我真的很想知道如何使用 Jquery 获取当前页码。

【问题讨论】:

  • 我已经使用来自 Jquery 的 datascroller 的点击事件手动解决了这个问题。但是,如果有人可以向我展示 pageIndexVar 在richfaces 4.3.4 或类似版本中的替代品,那将非常有帮助。
  • 将render="pageNumberOutPutText" 添加到rich:dataScroller 有帮助吗?
  • 哦,我感到很惭愧。谢谢你。它解决了我的问题。
  • 好的,谢谢。转换为答案比。

标签: jquery jsf datatable richfaces datascroller


【解决方案1】:

使用 ajax 请求指定要重新渲染的区域,以更新视图的适当部分。例如:

&lt;rich:dataScroller render="pageNumberOutPutText"/&gt;

【讨论】:

    【解决方案2】:

    当前页码在支持datascroller的JS对象中。您可以通过以下方式获得它:

    #{rich:component('scrollerId')}.currentPage
    

    【讨论】:

      猜你喜欢
      • 2017-01-27
      • 1970-01-01
      • 2018-08-05
      • 1970-01-01
      • 2015-02-10
      • 2022-12-14
      • 1970-01-01
      • 1970-01-01
      • 2013-05-10
      相关资源
      最近更新 更多