2 Replies Latest reply on Feb 4, 2010 3:24 AM by scientia

    <richScrollableDataTable> not showing the header

      Hi

      I have an <a4j:commandButton> and a <richScrollableDataTable>.I want to rerender the datatable while clicking the <a4j:commandButton>.The table is reRendered but the header is not shown and also the row select event not fired.But if we use <h:commandButton> instead of <a4j:commandButton> then it will work fine .My code is

          <a4j:outputPanel  ajaxRendered="true" >

      <rich:modalPanel id="panel" showWhenRendered="true" autosized="true" domElementAttachment="form" >            

           <f:facet name="header">

                  <h:outputText value="#{msg.corp_search_org}" />

            </f:facet>

                                                     

            <h:panelGrid columns="2" style="margin-bottom:10px" id="display"> 

                  <h:outputLabel for="orgName" value="#{msg.corp_name}" /> 

                  <h:inputText id="orgName" value="#{multiSelectInstLovHandlerBean.institute.institute.instituteName}" ></h:inputText>

                             

                  <a4j:commandButton  value="#{msg.button_search}" action="#{multiSelectInstLovHandlerBean.getLovData}">

                 </a4j:commandButton>

                        

              </h:panelGrid>

              <h:panelGrid>

                  <h:outputLabel value="#{msg.corp_inst_list}" styleClass="header"></h:outputLabel>

                  <rich:scrollableDataTable  id="organization" var="org"

      value="#{multiSelectInstLovHandlerBean.instList}" height="100px" width="250px" selection="#{multiSelectInstLovHandlerBean.selection}"

      headerClass="info" selectedClass="selectedRow" >

          <rich:column >

                  <f:facet name="header" ><h:column ><h:outputText value="#{msg.corp_name}"  /></h:column></f:facet>

      <h:outputText id="orgName" value="#{org.institute.instituteName}"/>    

      </rich:column>

            <rich:column >

                  <f:facet name="header"><h:column><h:outputText value="#{msg.corp_loction}"  /></h:column></f:facet>

                  <h:outputText id="location" value="#{org.institute.location}"/>

            </rich:column>

            </rich:scrollableDataTable>

            <h:outputText value="#{msg.info_multi_select}" styleClass="instruction_info"></h:outputText>

      </h:panelGrid>

           

      </rich:modalPanel>

      </a4j:outputPanel>

       

       

      I want to use <a4j:commandButton> itself

      <a4j:commandButton> works fine in IE-6.

       

      Please help me.

       

      Thanks in Advance

      Athira