Question

以下代码在应用过滤后不会正确更新当前数据表行数。有时我必须在输入文本后在过滤器输入框中按两次Enter键，以便正确更新计数。有时它只是在我键入文本而不按回车键后才能工作。有时我也可以只输入一次输入密钥并正确更新计数。我不明白为什么我会得到这种不同的行为。也许JSF / Primefaces专家可以帮助我理解这个？

              <h:form id="summaryForm">
              ...
              <p:tabView id="summaryTabView">
              ...
              <p:tab id="allTab" title="All">
              ...
              <script type="text/javascript">
                //<![CDATA[
                function updateAllRecordCount(){
                    var rowCount = PF('allTblWidget').paginator.cfg.rowCount;
                    //alert(rowCount);
                    var output = document.getElementById('summaryForm:summaryTabView:allTable:allCount');
                    if (output != null){
                        output.innerHTML = rowCount + " Records";
                    }
                }
                //]]>
              </script>
              <p:dataTable widgetVar="allTblWidget"
                             id="allTable" 
                             var="pb" 
                             value="#{statisticsBean.all}" 
                             emptyMessage="No data available!"
                             rowKey="#{pb.rowId}" 
                             scrollable="true" scrollHeight="440"
                             selection="#{statisticsBean.selectedBean}"
                             selectionMode="single"
                             editable="true"  
                             editMode="cell"
                             paginator="true"
                             rows="300"
                             paginatorAlwaysVisible="false">
                    <p:ajax event="filter"  oncomplete="updateAllRecordCount();"/>
                    <f:facet name="header">
                        <p:menubar styleClass="tableMenuClass">
                            ...
                            <f:facet name="options">
                                <h:outputText id="allCount" style="font-size:14px;" value="#{statisticsBean.all.size()} Records"/>
                            </f:facet>
                        </p:menubar>   
                    </f:facet>
                   ...

Answer 1

下面列出的解决方法允许我在过滤后显示正确的记录计数 - 我基本上使用下面数据表元素中列出的最后3个分页属性来显示过滤后的正确记录计数并取出之前的过滤器事件，JavaScript函数和outputText字段。这个答案并没有真正回答原始问题（我认为PF 5.1中可能存在错误），但至少它为它提供了一种解决方法。

<p:dataTable widgetVar="allTblWidget"
                         id="allTable" 
                         var="pb" 
                         value="#{statisticsBean.all}" 
                         emptyMessage="No data available!"
                         rowKey="#{pb.rowId}" 
                         scrollable="true" scrollHeight="440"
                         selection="#{statisticsBean.selectedBean}"
                         selectionMode="single"
                         editable="true"  
                         editMode="cell"
                         paginator="true"
                         rows="300"
                         paginatorAlwaysVisible="true"
                         paginatorTemplate="{CurrentPageReport}"
                         currentPageReportTemplate="{totalRecords} Records">

Primefaces过滤后，页面中的数据表当前行数未正确更新

1 个答案: