如何解决分页器控件不适用于Primefaces数据表,并且在另一个数据表的行扩展中
创建具有行扩展的数据表。在数据表行扩展中,还有另一个带有分页器的数据表。 有一个控件可以扩展Al /全部折叠。单击“全部展开/全部折叠”以展开所有行时,子数据表中的分页器控件不起作用。 手动扩展一行时,分页器工作正常。
<div class="ui-md-12 ui-lg-12">
<i class="fas fa-sort" style="size: 22px;"></i>
<p:spacer width="5" height="5" />
<p:commandLink type="button" onclick="jQuery('.ui-row-toggler').click()" value="Expand/Collapse All" style="padding-right:10px"/>
</div>
<div class="ui-md-12 ui-lg-12">
<p:dataTable id="usersList" var="user" widgetVar="userList"
value="#{UserBean.userList}" scrollable="false" scrollWidth="99%"
styleClass="urms-data-table transparent ui-sortable-column-icon" rowKey="#{milestone.milestoneId}" resizableColumns="true">
<p:column headerText="User ID" style="width:70px; height: auto; vertical-align: top;">
<h:outputText id="userId" value="#{user.userId}" style="text-align: center;"/>
</p:column>
<p:column headerText="User Name"
sortBy="#{user.userName}" sortOrder="ascending" filterable="true"
filterBy="#{user.userName}" filterMatchMode="in"
style="width:120px; height: auto; vertical-align: top;">
<f:facet name="filter">
<p:selectCheckboxMenu label="" onchange="PF('userList').filter()"
scrollHeight="200" updateLabel="true">
<f:selectItems value="#{UserBean.userListForFilter}" />
</p:selectCheckboxMenu>
</f:facet>
<h:outputText id="userName" value="#{user.userName}" style="height: 30px;"/>
</p:column>
<p:column headerText="User City" style="width:70px; height: auto; vertical-align: top;">
<h:outputText id="userCity" value="#{user.city}" style="text-align: center;"/>
</p:column>
<p:column headerText="Date Of Birth" style="width:100px; height: auto; white-space: nowrap; vertical-align: top;">
<p:calendar id="createdDate"
value="#{user.createdTs}"
pattern="MM/dd/yyyy" mask="true" showOn="button"
navigator="true"
maxlength="10" placeholder="mm/dd/yyyy"
converterMessage="Invalid date entered."
inputStyle="width:150px"
disabled="#{if particuar user}"
</p:calendar>
<p:spacer width="3px"/>
<p:row rendered="#{user.createdTs lt currentDate}">
<i class="fa fa-bell" aria-hidden="true" style="size: 18px; color: #C70000;" />
</p:row>
<h:outputText value="#{user.createdTs}" style="text-align: center;"
rendered="#{user.userName starts with 'a'}">
<f:convertDateTime pattern="MM/dd/yyyy"></f:convertDateTime></h:outputText>
<p:spacer width="3px"/>
<p:row rendered="user.createdTs gt currentDate">
<p:row rendered="#{user.userName starts with 'b'}">
<i class="fa fa-bell" aria-hidden="true" style="size: 18px; color: #C70000;" />
</p:row>
</p:row>
</p:column>
<p:column style="width:16px">
<p:rowToggler >
</p:rowToggler>
</p:column>
<p:rowExpansion >
<p:row>
<p:column>
<div class="ui-g" >
<div class="ui-md-1" />
<div class="ui-md-10" >
<p:dataTable value="#{userChildBean.userTask}" var="task"
styleClass="innerTable urPaginator ui-sortable-column-icon"
widgetVar="taskList"
scrollable="false"
scrollWidth="99%"
rowKey="#{task.taskId}"
paginator="true" rows="10" paginatorAlwaysVisible="false"
rowsPerPageTemplate="5,10,15,20,25,30,35,40,45,50"
paginatorPosition="bottom"
currentPageReportTemplate="of {totalPages}"
paginatorTemplate="Rows per page: {RowsPerPageDropdown} Page {JumpToPageInput} {CurrentPageReport} {PreviousPageLink} {NextPageLink}">
<p:column headerText="Task Name" style="width:250px;">
<h:outputText value="#{task.taskName}" style="white-space:normal;word-break:break-word;"/>
</p:column>
<p:column headerText="Due Date" style="width:120px">
<p:outputPanel
rendered="#{task.remainingDays eq 0 or task.remainingDays lt 0 and task.taskStatus ne 'Complete'}"
style="float: left;">
<i class="fa fa-bell" aria-hidden="true"
style="size: 18px; color: #C70000;" />
</p:outputPanel>
</p:dataTable>
</div>
<div class="ui-md-1" />
</div>
</p:column>
</p:row>
</p:rowExpansion>
</p:dataTable>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。