ADF: How to re-render component using ADF based javascript

Question

HI,
Following is my requirement,
I am using Active Data Service (ADS), having one activeOutputText component which is getting updated at specified interval.
Now, Whenever activeOutputText component is updated then I am showing one <af:panelBox> on UI. I am able to show this panelBox but child components of this PanelBox is not getting updated with latest value.
Somehow i want to re-render these child components so that i can able to show latest value on UI.
Regards,
Deepak

Answer 1

<af:resource type="javascript">
activeToolbar = function(event)
var popup = AdfPage.PAGE.findComponentByAbsoluteId("panelBox1");
popup.setVisible(true);
</af:resource>
<af:form id="f1">
<af:activeOutputText visible="false" id="activeText"
value="#{counterBean.state}"
inlineStyle=
"color:brown;
font-size:100px;
font-weight:bold;
text-align:center;"
attributeChangeListener="#{counterBean.activeTextChanged}">
*<af:clientListener type="propertyChange" method="activeToolbar"/>*
</af:activeOutputText>
*<af:panelBox text="PanelBox1" id="panelBox1" showHeader="never"*
styleClass="AFStretchWidth"
inlineStyle='background-image:url("dblc.png"); background-repeat:repeat; width:429px; height:166px;'
background="dark"
visible="false" partialTriggers="activeText">
<f:facet name="toolbar"/>
<af:panelStretchLayout id="psl1"
inlineStyle="width:386px; height:134px; border-style:groove; border-color:Gray; outline-color:Gray; background-color:rgb(232,243,253);"
bottomHeight="0px" topHeight="2px"
startWidth="103px" endWidth="123px"
visible="true">
<f:facet name="bottom"/>
<f:facet name="center">
<af:panelFormLayout id="pfl1">
<af:spacer width="10" height="10" id="s4"/>
<af:outputLabel value="Phone Number" id="ol2"
binding="#{agentBean.phoneNumberLable}"/>
Updating <af:outputLabel value="Phone Number" in back-in bean whenever <af:activeOutputText> get any update.