js:function is lost after scroll the SDT
SDT with vertically scrollbar, the items are more than the defined rows. If scroll it, SDT dynamically load data, the js:function doesn't work any more.
<rich:scrollableDataTable id="messagePaneId"
height="#{layoutBean.messageTblHeight}"
width="#{layoutBean.messageTblWidth}"
value="#{appData.messages}" var="message"
rows="20" rowKeyVar="rkv" sortMode="single"
frozenColCount="1"
rendered="${essagesView'))
and (appData.messageCount>0)}"
rowClasses="taskRows" columnClasses="taskColumns" style="position:absolut;">
<rich:column sortable="true" id="dateString" style="#{message.messageStyle}">
<f:facet name="header">
<h:outputText value="Date"/>
</f:facet>
<h:outputText value="#{message.dateString}" />
</rich:column>
<rich:column sortable="true" id="text" width="178" style="#{message.messageStyle}">
<f:facet name="header">
<h:outputText value="Text"/>
</f:facet>
<h:outputText value="#{message.text}" title="#{message.text}"/>
</rich:column>
<rich:column sortable="true" id="category" style="#{message.messageStyle}">
<f:facet name="header">
<h:outputText value="Category"/>
</f:facet>
<h:outputText value="#{message.category}" title="#{message.category}"/>
</rich:column>
<rich:column sortable="true" id="severity" width="60" style="#{message.messageStyle}">
<f:facet name="header">
<h:outputText value="Severity"/>
</f:facet>
<h:outputText value="#{message.severity}" />
</rich:column>
<rich:column sortable="true" id="portName" width="90" style="#{message.messageStyle}">
<f:facet name="header">
<h:outputText value="Port"/>
</f:facet>
<h:outputText value="#{message.portName}" title="#{message.portName}"/>
</rich:column>
<rich:column sortable="false" width="90" style="#{message.messageStyle}">
<f:facet name="header">
<h:outputText value="Acknowledged"/>
</f:facet>
<h:selectBooleanCheckbox id="messageAckCheck#{message.id}" value="#{message.acknowledged}"
onclick="startWait();this.disabled=true;sendAckMessage#{message.id}()">
<a4j:jsFunction name="sendAckMessage#{message.id}" action="#{mainBean.messageAcknowledged}"
reRender="messagePane" ajaxSingle="true" oncomplete="stopWait();">
<a4j:actionparam name="id" value="#{message.id}" />
</a4j:jsFunction>
</h:selectBooleanCheckbox>
</rich:column>
<rich:componentControl id="messagecontrolid" for="mContextMenu" operation="show"/>
</rich:scrollableDataTable>
