hi All, i am using to display a records in a table and also have a add button to add rows dynamically at the end of rows.But instead of rendering only the new row in the table it renders the entire table with the new row, this causes a flickering effect and a performance delay also. below is the code;
<rich:extendedDataTable id="table" value="#{ScrollableDataTableManagedBean.allCars}"var="category" width="500px" height="150px" enableContextMenu="false"
style="float: none;">
<rich:column id="make" width="100" label="make" rendered="true">
<f:facet name="header" ><h:outputText value="make" /></f:facet>
<h:outputText value="#{category.make}" />
</rich:column>
<rich:column id="model" width="100" label="model" rendered="true">
<f:facet name="header">
<h:outputText value="model" />
</f:facet>
<h:outputText value="#{category.model}" />
</rich:column>
<rich:column id="mileage" width="100" label="mileage" rendered="true">
<f:facet name="header">
<h:outputText value="mileage" />
</f:facet>
<h:outputText value="#{category.mileage}">
</h:outputText>
</rich:column>
<rich:column id="delete" width="100" label="delete" rendered="true">
<f:facet name="header">
<h:outputText value="delete" />
</f:facet>
<a4j:commandButton id="testBtn2" value="Delete" reRender="table" ajaxSingle="true" immediate="true"
bypassUpdates="true"
action="#{ScrollableDataTableManagedBean.delete}"/>
</rich:column>
</rich:extendedDataTable>
<a4j:commandButton id="testBtn2" value="Add2" reRender="table" ajaxSingle="true" immediate="true"
limitToList="true"
action="#{ScrollableDataTableManagedBean.add}"
bypassUpdates="true"/>
</f:view>
I want the row to be addded and a change in the vertical scroll bar as a new content gets added.But instead it takes 1-2 secs to render the entire table. please suggest if there is any alternative approach
---Amarshi