在一个页面中有两个分页不能独立工作——JSF，Primefaces

Question

我有一个网页，其中有两个表，每个表中都有分页。当我点击分页时会出现问题。例如，如果我选择第二张表的第二页，那么第一张表会自动更改为第二页。你们有什么建议吗？所以，这是我的代码：

<div class="col s6">
<div class="row">
<h:form id="dataTable">
<p:dataTable var="pilihCabang" rows="5"
value="#{cabangView.cabangs}"
style="width: 100%; float: left; margin-top: 0px;"
paginator="true" pageLinks="5" rowsPerPageTemplate="5,10,15"
widgetVar="widgetWorkOrder" rowIndexVar="rowIndex"
paginatorPosition="bottom" emptyMessage="No record found"
styleClass="no-dtbl-header" id="pilToko"
paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
<p:columnGroup type="header">
<p:column headerText="Toko" />
</p:columnGroup>
<p:column>
<h:outputText value="#{pilihCabang.nama}" />
<p:commandLink style="float:right">
<p:graphicImage name="delete.png" library="images" width="25px" height="25px"/>
</p:commandLink>
</p:column>
</p:dataTable>
</h:form>
</div>
</div>
<div class="col s6">
<div class="row">
<h:form id="dataTabledua">
<p:dataTable var="pilihProduk" rows="5"
value="#{produkView.produks}"
style="width: 100%; float: left; margin-top: 0px;"
paginator="true" pageLinks="5" rowsPerPageTemplate="5,10,15"
widgetVar="widgetWorkOrder" rowIndexVar="rowIndex"
paginatorPosition="bottom" emptyMessage="No record found"
styleClass="no-dtbl-header" id="pilPro"
paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
<p:columnGroup type="header">
<p:column headerText="Produk" />
</p:columnGroup>
<p:column>
<h:outputText value="#{pilihProduk.nama}" />
<p:commandLink style="float:right">
<p:graphicImage name="delete.png" library="images" width="25px" height="25px"/>
</p:commandLink>
</p:column>
</p:dataTable>
</h:form>
</div>
</div>

Answer 1

这是由两个数据表具有相同的widgetVar引起的。换一个你就会好起来的。