0 Replies Latest reply on Dec 17, 2010 1:37 AM by amarshi mohanty

    flickering effect on using <rich:extendedDataTable>

    amarshi mohanty Newbie

      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