Before you mark this as duplicate, I read this post from BalusC but I could not find my answer. I also tried p:component() to reference my component.
My use case is really simple:
A commandButton on one page should update a dataTable on another page.
My caller page:
<h:body>
<h:form id="sendtxform">
<h:commandButton id="sendtx" value="Send">
<f:ajax listener='#{transactionXmlController.sendTx()}'
render=":alltxform:tablealltx"/>
</h:commandButton>
</h:form>
</h:body>
My called page:
<h:body>
<!-- Fill the table before rendering -->
<f:event type="preRenderView" listener="#{transactionListController.findAllTx()}" />
<h:form id="alltxform">
<p:dataTable id="tablealltx" var="transaction"
value="#{transactionListModel.txList}" paginator="true" rows="30">
<!-- content -->
</p:dataTable>
</h:form>
</h:body>
</html>
I am getting this error:
contains an unknown id ':alltxform:tablealltx' - cannot locate it in the context of the component sendtx
How on earth do I reference my tablealltx ? I tried with and without the heading colon, and with p:component('tablealltx') What am I doing wrong ?