空p：dataTable仅在第二次单击p：commandButton时更新

Question

我的购物车dataTable最初为空，添加项目不会动态更新（刷新页面显示该项目），但添加第二项将更新表格并显示添加的项目。

作为初学者，不太确定要提供什么，但下面是省略数据输出的最重要部分：

checkout.xhtml

<h:form id="formCart">
    <p:dataTable id="dataTableCart" widgetVar="dataTableCart" value="#{checkoutManagedBean.lineItems}" var="lineItem">
    </p:dataTable>
</h:form>
<h:form id="formAddToCart">
    <p:dialog id="dialogAddToCart" widgetVar="dialogAddToCart" header="Add to Cart" closable="true">
        <p:panelGrid>
            <p:commandButton value="Add to Cart" actionListener="#{checkoutManagedBean.addToCart}" update="@form formCart:dataTableCart" oncomplete="PF('dialogAddToCart').show();" />
        </p:panelGrid>
    </p:dialog>
</h:form>

我的CheckoutManagedBean addToCart方法只是将lineItem添加到lineItems的数组列表中。

非常感谢您提供的任何帮助！如果我应该提供更多细节，请告诉我。