依次调用多个p：ajax

Question

Lets say I have

<p:selectOneMenu ...
    <f:selectItem ... />
    <f:selectItems .../>
    <p:ajax .../> // call A
    <p:ajax .../> // call B
</p:selectOneMenu>

How to make call B execute only after call A is done?

Using p:remoteCommand did not help as I am getting javaScript error that function updateTableDiv is undefined

How to use p:ajax to update several components in order

<p:ajax ... update="pieChartDiv" oncomplete="updateTableDiv()" />
...
<p:remoteCommand name="updateTableDiv" update="tableDiv" />

Answer 1

What I was trying:

<p:selectOneMenu ...
    <f:selectItem ... />
    <f:selectItems .../>
    <p:ajax .../> // call A
    <p:remoteCommand ... />
</p:selectOneMenu>

How it needed to be:

<p:selectOneMenu ...
    <f:selectItem ... />
    <f:selectItems .../>
    <p:ajax .../> // call A
</p:selectOneMenu>

<p:remoteCommand ... />