2 Replies Latest reply on Oct 7, 2011 11:47 AM by Murali Kumar

    rich:combobox's valuechangelistener is giving java script error in IE7

    Ravi kiran Kuchika Newbie

      Hi

       

      I am using rich:combobox inside rich:datatable. My requirement is when a new value is added to combo box new value should be passed on to value changelistener, my code goes like this..

       

       

      <a4j:outputPanel ajaxRendered="true">

       

      <h:panelGrid columns="2" columnClasses=",top">

       

      <rich:dataTable value="#{portfolioFilterMappingBean.filterList}"

       

      var="filter" width="350px"

       

      columnClasses=",columns,columns,columns" id="table"

       

      onRowMouseOver="this.style.backgroundColor='#CFDAEB'"

       

      onRowMouseOut="this.style.backgroundColor='#{a4jSkin.rowBackgroundColor}'"

       

      rowClasses="row_even,row_odd"

       

      binding="#{portfolioFilterMappingBean.portfolioMappingDatatable}">

       

      <f:facet name="header">

       

      <rich:columnGroup>

       

      <rich:column>

       

      <h:outputText value="PortFolioNumber"

       

      styleClass="column_text_header"></h:outputText>

       

      </rich:column>

       

      <rich:columns

       

      value="#{portfolioFilterMappingBean.ibFilterNameList}"

       

      var="columns">

       

      <h:outputText value="#{columns.filterName}"

       

      styleClass="column_text_header"></h:outputText>

       

      </rich:columns>

       

      </rich:columnGroup>

       

      </f:facet>

       

      <rich:column>

       

      <h:outputText value="#{filter.portfolioId}"></h:outputText>

       

      </rich:column>

       

      <rich:columns

       

      value="#{portfolioFilterMappingBean.ibFilterNameList}"

       

      var="filteritem" index="index" id="dynacolumns">

      <rich:comboBox id="editabledrop#{index}"

       

      value="#{filter.ibFilterNames[index].filterValueSelected}"

       

      defaultLabel="- Select Criteria -" valueChangeListener="#{portfolioFilterMappingBean.comboBoxChange}">

       

      <f:selectItem itemLabel="- Select Criteria -"

       

      itemValue="- Select Criteria -" />

       

      <f:selectItems

       

      value="#{filter.ibFilterNames[index].filterValueList}" />

       

      <a4j:support event="onchange" ajaxSingle="true" >

       

      <f:param name="index" value="#{index}" />

       

      </a4j:support>

       

      </rich:comboBox>

       

      </rich:columns>

       

      </rich:dataTable>

       

      </h:panelGrid>

       

      </a4j:outputPanel>

       

       

      <a4j:commandButton value="Submit"

       

      action="#{portfolioFilterMappingBean.doSaveFilter}"

       

      styleClass="popup_img_left_align"></a4j:commandButton>

       

      above code works fine in Firefox but in IE 7 i am getting a java script error "Could not complete the operation due to error 800a025e"

       

       

      As well

       

      1.when i use onblur event combobox value is not getting binded..

       

      2. Rerendering the entire panelgrid after submitting the page is also not working

      any suggestions??