jquery - 如何在 paginatorTemplate 中使用 {totalPages}?

标签 jquery css jsf primefaces

我正在努力实现以下目标:-

enter image description here

以下是我的数据表代码:-

<p:dataTable id="datatableid" 
        var="record"
        value="#{myController.records}" 
        selectionMode="single"
        selection="#{myController.selectedRecord}"
        rows="10"
        paginator="true"
        currentPageReportTemplate="{startRecord} - {endRecord} of {totalRecords} Records Displayed, {totalPages}"
        paginatorTemplate="{CurrentPageReport}  &lt;span class='pg-text'&gt; Pg &lt;/span&gt; {JumpToPageDropdown} {totalPages} {RowsPerPageDropdown} "
        rowsPerPageTemplate="5,10,15"
        scrollable="true" 
        paginatorPosition="bottom"
        >

我想在 paginatorTemplate 中使用 {totalPages}。
问题:我怎样才能做到这一点?

最佳答案

这就是我使用 Jquery 并使用 widgetVar 使用 getPaginator() 访问 Paginator 对象的方法。

<p:dataTable id="datatableid" widgetWar="myTableWidget"
             paginatorTemplate="{CurrentPageReport}  &lt;span class='pg-text'&gt; Pg &lt;/span&gt; {JumpToPageDropdown} &lt;div class='pg-temp-total'&gt;  &lt;/div&gt; {RowsPerPageDropdown} "
             ...>
...
</p:dataTable>

把这个脚本放在表后面

<script type="text/javascript">
$('.pg-temp-total').text(PF('myTableWidget').getPaginator().cfg.rowCount);
</script>

这是我现在想到的一个解决方案,这是一种不寻常的方式,但它完成了工作。

关于jquery - 如何在 paginatorTemplate 中使用 {totalPages}?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27896696/

相关文章:

java - 将 ArrayList 转换为 JSON(在 Java 中)并使用 Javascript 访问它

javascript - 如何确定页面上有多少个 jQuery 对象?

jquery - 在 CSS 中使背景图像响应

html - CSS SVG 动画在边缘不起作用

php - 在 WordPress 中从自定义元设置背景图像

java - jsf隐式对象cc和组件的区别

java - JSF ajax 标签中无法执行参数

javascript - Tiny Box POST 表单序列化为数组会导致错误

javascript - 检查跨度并删除第一个子项

javascript - TinyMCE 隐藏 Div 的占位符