3 Replies Latest reply on Nov 9, 2010 9:18 AM by Ilya Shaikovsky

    rich:comboBox code works in Chrome and not working in IE8 and Mozilla also??

    Siva P Master

      Hi all,

       

      My model panel page should display the components in the screen as per the combo box selection,It is showing in chrome and not working in IE8.Below is my modelpanel page code.i am using 3.3.3 version Why it is not working in IE and chrome and throwing Caused by: java.lang.NullPointerException???

       

      Model panel page:

       

       

      <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>

      <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

      <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>

      <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

      <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>



      <rich:modalPanel id="info_payment_editModal" moveable="false" resizeable="false"

      width="950" height="500" showWhenRendered="false" style="overflow-y: scroll">

      <f:facet name="header">

      <h:outputText value="Edit Customer Info" styleClass="modalPanel12"/>

      </f:facet>

      <f:facet name="controls">

      <h:panelGroup>

      <h:outputLabel value="Press Esc to close"></h:outputLabel>

       

       

      <h:outputLabel value="(OR)"></h:outputLabel>

      <h:graphicImage value="../_assets/image/close.png" id="hidelinkchargerule"

      styleClass="hidelink" style="border:0" alt="Close" title="Close"/>

      <rich:componentControl for="info_payment_editModal" attachTo="hidelinkchargerule"

      operation="hide" event="onclick"/> 

      </h:panelGroup>

      </f:facet>

      <a4j:form id="paymethodEditForm"  ajaxSubmit="true">


      <a4j:region>

      <h:panelGrid width="816" border="1">


      <a4j:region selfRendered="true">

      <a4j:include id="commonPageView"  viewId="/existingcustomer/postpaid/header_common_modal.jsp"></a4j:include>

      </a4j:region>

       


      <h:panelGrid columns="4">

         <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.currpaymethod']}"/>

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

              <h:outputText id="postpaidpaymentMethod" styleClass="style1" value="#{paymentInfoBean.pmPaymentMethod}"/>

           </h:panelGrid>  



           <h:panelGrid columns="7">

          <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.newpaymethod']}"/>

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

              <rich:comboBox id="cbxnewpaymethodField" value="#{editPaymentInfoBean.cbxpmPaymentMethod}"

              listClass="myClass"

      selectFirstOnUpdate="false" required="true" enableManualInput="false"

      defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true"

      immediate="true"> 

      <f:selectItems value="#{listBoxBean.selectPaymentMethod}"/>

      <a4j:support event="onchange" actionListener="#{editPaymentInfoBean.ajaxoptionCardChangeListener}"   

      limitToList="true" ajaxSingle="true" eventsQueue="fooQueue" id="ajaxSuppID" immediate="true"

      reRender="cbxnewpaymethodField,panelcreditcard,panelchargecard">

      </a4j:support>

      </rich:comboBox>

             </h:panelGrid>




            <h:panelGrid columns="5">

            <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.changevipcode']}"/>

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

              <h:selectBooleanCheckbox />

            </h:panelGrid>


          <a4j:outputPanel id="panelcreditcard" ajaxRendered="true">

      <a4j:region rendered="#{editPaymentInfoBean.flagSelectCard == 'creditcard'}">

              <h:panelGrid columns="7">

                  <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.creditcardtype']}"/>

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

                <rich:comboBox id="cbxcardtypeField" listClass="myClass"

      selectFirstOnUpdate="false" required="true" enableManualInput="false"

      defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true"

      value="#{editPaymentInfoBean.creditCardType}">

      <f:selectItems value="#{listBoxBean.selectCreditCardType}"/>

          </rich:comboBox>

      </h:panelGrid>

       

               <h:panelGrid columns="5">

               <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.creditcardno']}"/>

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

                  <td> <h:inputText value="#{editPaymentInfoBean.creditCardNo}" size="28"/>

               </h:panelGrid>


                <h:panelGrid columns="5">

                  <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.holdername']}"/>

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

              1 - Citibank

              </h:panelGrid>


               <h:panelGrid columns="7">

                 <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.expirydate']}"/>

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

                  <h:inputText value="#{editPaymentInfoBean.expmonth}" size="28"/>

                    -

                    <h:inputText value="#{editPaymentInfoBean.expYear}" size="28"/>

                </h:panelGrid>

          </a4j:region>

          </a4j:outputPanel>



           <a4j:outputPanel id="panelchargecard" ajaxRendered="true">

      <a4j:region rendered="#{editPaymentInfoBean.flagSelectCard == 'chargecard'}">

               <h:panelGrid columns="5">

                  <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.bankaccount']}"/>

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

                  <h:inputText value="#{editPaymentInfoBean.bankAccount}" size="28"/>

               </h:panelGrid>

               <h:panelGrid columns="5">

                  <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.bankname']}"/>

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

                 <h:inputText value="#{editPaymentInfoBean.bankName}" size="28"/>

                </h:panelGrid>


                  <h:panelGrid columns="5">

                  <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.bankroutingno']}"/>

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

                  <td><h:inputText value="#{editPaymentInfoBean.bankRoutingNo}" size="28"/>

                 </h:panelGrid>


                  <h:panelGrid columns="7">

                 <h:outputText  value="*" styleClass="mandatory_text" />

                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.clearinghouse']}"/>

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

                  <rich:comboBox id="cbxclearhouseField" listClass="myClass"

      selectFirstOnUpdate="false" required="true" enableManualInput="false"

      defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true"

      value="#{editPaymentInfoBean.cbxClearingHouse}">

      <f:selectItems value="#{listBoxBean.selectclearingHouse}"/>

      </rich:comboBox>

              </h:panelGrid>

           </a4j:region>

          </a4j:outputPanel>       


             <h:panelGrid columns="5">

             <h:outputText id="notesField" value="#{msg.notes}"/>

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

              <h:inputTextarea cols="50" rows="5" value="#{editPaymentInfoBean.pmNotes}"/>

          </h:panelGrid>



      <h:panelGrid columns="6">

      <a4j:commandButton limitToList="true" ajaxSingle="true"

           type="button" id="saveButtonId" styleClass="celcocm01" value="#{msg.save}"

           oncomplete="Richfaces.hideModalPanel('info_payment_editModal');"/>

       

      <a4j:commandButton limitToList="true" ajaxSingle="true"

           type="button" id="resetButtonId" styleClass="celcocm01" value="#{msg.reset}"/>

      <rich:componentControl for="info_payment_editModal" attachTo="resetButtonId"

      operation="hide" event="onclick" />

       

      <a4j:commandButton limitToList="true" ajaxSingle="true"

           type="button" id="cancelButtonId" styleClass="celcocm01" value="#{msg.cancel}"

           oncomplete="Richfaces.hideModalPanel('info_payment_editModal')"/>

       

      </h:panelGrid>


      </h:panelGrid>

      </a4j:region>

      </a4j:form>

      </rich:modalPanel>

       


      Backing Bean:



       

      public void ajaxoptionCardChangeListener(ActionEvent event)

      {

      log.info("Calling into ajaxoptionCardChangeListener...");

      if(this.getCbxpmPaymentMethod().toString()!=null)

      {

      log.info("Selected Option:"+this.getCbxpmPaymentMethod().toString());   

      if(this.getCbxpmPaymentMethod().toString().equals("Credit Card"))

      {

      setFlagSelectCard("creditcard");

      }

      if(this.getCbxpmPaymentMethod().toString().equals("Charge Card"))

      {

      setFlagSelectCard("chargecard");

      }

      }

       

      }

       

       

       


       

       

       

      <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>

       

      <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
      <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
      <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
      <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
      <rich:modalPanel id="info_payment_editModal" moveable="false" resizeable="false"
      width="950" height="500" showWhenRendered="false" style="overflow-y: scroll">
      <f:facet name="header">
      <h:outputText value="Edit Customer Info" styleClass="modalPanel12"/>
      </f:facet>
      <f:facet name="controls">
      <h:panelGroup>
      <h:outputLabel value="Press Esc to close"></h:outputLabel>
      <h:outputLabel value="(OR)"></h:outputLabel>
      <h:graphicImage value="../_assets/image/close.png" id="hidelinkchargerule"
      styleClass="hidelink" style="border:0" alt="Close" title="Close"/>
      <rich:componentControl for="info_payment_editModal" attachTo="hidelinkchargerule"
      operation="hide" event="onclick"/> 
      </h:panelGroup>
      </f:facet>
      <a4j:form id="paymethodEditForm"  ajaxSubmit="true">
      <a4j:region>
      <h:panelGrid width="816" border="1">
      <a4j:region selfRendered="true">
      <a4j:include id="commonPageView"  viewId="/existingcustomer/postpaid/header_common_modal.jsp"></a4j:include>
      </a4j:region>
      <h:panelGrid columns="4">
              <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.currpaymethod']}"/>
              <h:outputText value="#{msg.semiColon}"/>
              <h:outputText id="postpaidpaymentMethod" styleClass="style1" value="#{paymentInfoBean.pmPaymentMethod}"/>
           </h:panelGrid>  
         
           
          <h:panelGrid columns="7">
              <h:outputText  value="*" styleClass="mandatory_text" />
                 <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.newpaymethod']}"/>
                 <h:outputText value="#{msg.semiColon}"/>     
                   <rich:comboBox id="cbxnewpaymethodField" value="#{editPaymentInfoBean.cbxpmPaymentMethod}"
                                       listClass="myClass"
      selectFirstOnUpdate="false"     required="true"     enableManualInput="false"
      defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true"
      immediate="true"> 
      <f:selectItems value="#{listBoxBean.selectPaymentMethod}"/>
      <a4j:support event="onchange" actionListener="#{editPaymentInfoBean.ajaxoptionCardChangeListener}"   
      limitToList="true" ajaxSingle="true" eventsQueue="fooQueue" id="ajaxSuppID" immediate="true"
      reRender="cbxnewpaymethodField,panelcreditcard,panelchargecard">
      </a4j:support>
      </rich:comboBox>
            </h:panelGrid>
           
          
            
            <h:panelGrid columns="5">
                 <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.changevipcode']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
              <h:selectBooleanCheckbox />
            </h:panelGrid>
            
          <a4j:outputPanel id="panelcreditcard" ajaxRendered="true">
      <a4j:region rendered="#{editPaymentInfoBean.flagSelectCard == 'creditcard'}">
              <h:panelGrid columns="7">
                  <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.creditcardtype']}"/>
                  <h:outputText value="#{msg.semiColon}"/>        
                           <rich:comboBox id="cbxcardtypeField" listClass="myClass"
      selectFirstOnUpdate="false"     required="true"     enableManualInput="false"
      defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true"
      value="#{editPaymentInfoBean.creditCardType}">
      <f:selectItems value="#{listBoxBean.selectCreditCardType}"/>
         </rich:comboBox>
      </h:panelGrid>
               <h:panelGrid columns="5">
               <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.creditcardno']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
                  <td> <h:inputText value="#{editPaymentInfoBean.creditCardNo}" size="28"/>
               </h:panelGrid>
              
                <h:panelGrid columns="5">
                  <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.holdername']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
                        1 - Citibank
              </h:panelGrid>
            
               <h:panelGrid columns="7">
                 <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.expirydate']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
                  <h:inputText value="#{editPaymentInfoBean.expmonth}" size="28"/>
                    -
                    <h:inputText value="#{editPaymentInfoBean.expYear}" size="28"/>
                </h:panelGrid>
          </a4j:region>
          </a4j:outputPanel>
               
               
           <a4j:outputPanel id="panelchargecard" ajaxRendered="true">
      <a4j:region rendered="#{editPaymentInfoBean.flagSelectCard == 'chargecard'}">
               <h:panelGrid columns="5">
                  <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.bankaccount']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
                  <h:inputText value="#{editPaymentInfoBean.bankAccount}" size="28"/>
               </h:panelGrid>
               <h:panelGrid columns="5">
                  <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.bankname']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
                 <h:inputText value="#{editPaymentInfoBean.bankName}" size="28"/>
                </h:panelGrid>
               
                  <h:panelGrid columns="5">
                  <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.bankroutingno']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
                  <td><h:inputText value="#{editPaymentInfoBean.bankRoutingNo}" size="28"/>
                 </h:panelGrid>
               
                  <h:panelGrid columns="7">
                 <h:outputText  value="*" styleClass="mandatory_text" />
                  <h:outputText  value="#{msg['existingcustomer.postpaid.modelpanel.clearinghouse']}"/>
                  <h:outputText value="#{msg.semiColon}"/>
                  <rich:comboBox id="cbxclearhouseField" listClass="myClass"
      selectFirstOnUpdate="false"     required="true"     enableManualInput="false"
      defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true"
      value="#{editPaymentInfoBean.cbxClearingHouse}">
      <f:selectItems value="#{listBoxBean.selectclearingHouse}"/>
      </rich:comboBox>
              </h:panelGrid>
           </a4j:region>
          </a4j:outputPanel>       
             
             <h:panelGrid columns="5">
             <h:outputText id="notesField" value="#{msg.notes}"/>
                             <h:outputText value="#{msg.semiColon}"/>
              <h:inputTextarea cols="50" rows="5" value="#{editPaymentInfoBean.pmNotes}"/>
          </h:panelGrid>
      <h:panelGrid columns="6">
      <a4j:commandButton limitToList="true" ajaxSingle="true"
          type="button" id="saveButtonId" styleClass="celcocm01" value="#{msg.save}"
          oncomplete="Richfaces.hideModalPanel('info_payment_editModal');"/>
      <a4j:commandButton limitToList="true" ajaxSingle="true"
          type="button" id="resetButtonId" styleClass="celcocm01" value="#{msg.reset}"/>
      <rich:componentControl for="info_payment_editModal" attachTo="resetButtonId"
      operation="hide" event="onclick" />
      <a4j:commandButton limitToList="true" ajaxSingle="true"
          type="button" id="cancelButtonId" styleClass="celcocm01" value="#{msg.cancel}"
          oncomplete="Richfaces.hideModalPanel('info_payment_editModal')"/>
      </h:panelGrid>
      </h:panelGrid>
      </a4j:region>
      </a4j:form>
      </rich:modalPanel>


        • 1. Re: rich:comboBox code works in Chrome and not working in IE8 and Mozilla also??
          Akaine Harga Novice

          1. Add <a4j:keepAlive beanName="editPaymentInfoBean" /> before the first element, just after xml/facelets declarations (this one do not need to be inside a form) - I am almost sure that's the main reason for your error.

          Also:

          2. Remove immediate="true" from the combobox element - why? read the attribute explanation.

          3. Move actionListener="#{editPaymentInfoBean.ajaxoptionCardChangeListener}" from the support to combobox' valueChangeListener attribute - in many cases valueChangeListener is more stable and reliable than acionListener in the linked support element.

           

          Just noticed the date, why I keep receiving zombie threads on my email?

          • 2. Re: rich:comboBox code works in Chrome and not working in IE8 and Mozilla also??
            Siva P Master

            HI Akaine,

             

            Thanks for your response.But it is not working for me still..

             

            <rich:comboBox id="cbxnewpaymethodField" value="#{editAccountInfoBean.cbxSubscriptionType}"

                        listClass="myClass" selectFirstOnUpdate="false" required="true" enableManualInput="false"

            defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true" valueChangeListener="#{editAccountInfoBean.optionSelectedComboBox}">

            <f:selectItems value="#{listBoxBean.selectSubscriptionTypeList}"/>

            <a4j:support event="onchange" limitToList="true" ajaxSingle="true" eventsQueue="fooQueue" id="ajaxSuppID"

            reRender="packEnterpriseID,packretailID,panelenter,panelretail">

                </a4j:support>

            </rich:comboBox>

             

            <a4j:keepAlive  beanName = "editAccountInfoBean"/>   (As you said i have declared this after declaration of the taglibs)

             

             

             

            My jsp page:

             

             

             

            <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>

            <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

            <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>

            <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

            <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

             

            <a4j:keepAlive  beanName = "editAccountInfoBean"/> 

            <script>

            function OptionSelectedScript(value)

            {

             

            var opt1= document.getElementById('mainRoverInclude:postpaidCustomerView:postpaidCustomerForm:servicesPage:infoBillPlanView:billPlanEditForm:cbxerrorTypeField2');

            alert(opt1.value);

            var opt2= document.getElementById('mainRoverInclude:postpaidCustomerView:postpaidCustomerForm:servicesPage:infoBillPlanView:billPlanEditForm:packID');

            alert(opt2.value);

            opt2.style.visibility = 'visible';

             

            //document.getElementById('theTimer:packagepgrouphide').value=this.options[this.selectedIndex].value;"

            }

            </script>

             

            <rich:modalPanel id="info_bill_plan_editmodal" moveable="false" resizeable="false"

            width="950" height="450" showWhenRendered="false" style="overflow-y: scroll">

            <f:facet name="header">

            <h:outputText value="Edit Customer Info" styleClass="modalPanel12"/>

            </f:facet>

            <f:facet name="controls">

            <h:panelGroup>

            <h:outputLabel value="Press Esc to close"></h:outputLabel>

             

             

            <h:outputLabel value="(OR)"></h:outputLabel> 

            <h:graphicImage value="../_assets/image/close.png" id="hidelinkchargerule"

            styleClass="hidelink" style="border:0" alt="Close" title="Close"/>

            <rich:componentControl for="info_bill_plan_editmodal" attachTo="hidelinkchargerule"

            operation="hide" event="onclick"/> 

            </h:panelGroup>

            </f:facet>

            <a4j:form id="billPlanEditForm"  ajaxSubmit="true">

            <table class="font_exist" width="950" height="50%" border="0" cellpadding="0" cellspacing="0">

            <tr>

                <td>

                <a4j:region selfRendered="true">

            <a4j:include id="commonPageView"  viewId="/existingcustomer/postpaid/header_common_modal.jsp"></a4j:include>

            </a4j:region>

                </td>

              </tr>

             

              <tr>

                <td><table width="100%" border="0">

                  <tr>

                    <td colspan="2">

                    <h:outputText styleClass="labelboldcolorblue" value="Current Bill Plan / Packages"/></td>

                  </tr>

                  <tr>

                    <td><h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg['existingcustomer.postpaid.modelpanel.masterplan']}"/>

            <h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg.semiColon}"/></td>

                    <td>Retail</td>

                  </tr>

                  <tr>

                    <td width="98"><h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg['existingcustomer.postpaid.modelpanel.promocode']}"/>

            <h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg.semiColon}"/></td>

                    <td width="849"> </td>

                  </tr>

                  <tr>

                    <td><h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg['existingcustomer.postpaid.modelpanel.combocode']}"/>

            <h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg.semiColon}"/></td>

                    <td> </td>

                  </tr>

                  <tr>

                    <td><h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg['existingcustomer.postpaid.modelpanel.vipcode']}"/>

            <h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg.semiColon}"/></td>

                    <td>6</td>

                  </tr>

                  <tr>

                    <td><h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg['existingcustomer.postpaid.modelpanel.packagegroup']}"/>

            <h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg.semiColon}"/></td>

                    <td>3G PPU</td>

                  </tr>

                  <tr>

                    <td><h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg['existingcustomer.postpaid.modelpanel.package']}"/>

            <h:outputText styleClass="ashcolor-bold-normaltext" value="#{msg.semiColon}"/></td>

                    <td>CE50 + 3G PPU</td>

                  </tr>

             

                </table></td>

              </tr>

              <tr>

                <td colspan="2"> </td>

              </tr>

              <tr>

                <td colspan="2"> </td>

              </tr>

              <tr>

                <td colspan="2">

                 <h:outputText styleClass="labelboldcolorblue" value="New Bill Plan / Packages"/>

                </td>

              </tr>

              <tr>

                <td colspan="2"><table width="86%" border="0" cellspacing="1" cellpadding="1"  >

                  <tr>

                    <td width="19%"><h:outputText  value="*" styleClass="mandatory_text"/>

                        <h:outputText  value="#{msg['newregistration.postpaid.individual.tab.subscription.subscriptiontype']}"/>

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

                        </td>

                    <td width="81%">

                    <rich:comboBox id="cbxnewpaymethodField" value="#{editAccountInfoBean.cbxSubscriptionType}"

                        listClass="myClass" selectFirstOnUpdate="false" required="true" enableManualInput="false"

            defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true" valueChangeListener="#{editAccountInfoBean.optionSelectedComboBox}">

            <f:selectItems value="#{listBoxBean.selectSubscriptionTypeList}"/>

            <a4j:support event="onchange" limitToList="true" ajaxSingle="true" eventsQueue="fooQueue" id="ajaxSuppID"

            reRender="packEnterpriseID,packretailID,panelenter,panelretail">

                </a4j:support>

            </rich:comboBox>

                    </td>

                  </tr>

                  <tr>

                    <td colspan="2"> </td>

                  </tr>

                  <tr>

                    <td colspan="2"><table width="583" border="0" cellspacing="1" cellpadding="1">

                      <tr>

                        <td colspan="2"><h:outputText  value="*" styleClass="mandatory_text" />

                        <h:outputText  value="#{msg['newregistration.postpaid.individual.tab.subscription.vipcode']}"/>

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

                        <td colspan="2">

                        <h:selectOneMenu id="cbxVipField" required="true" immediate="true"

            value="#{editAccountInfoBean.cbxVipCode}" styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectVIPList}"/>

            </h:selectOneMenu>

             

                        </td>

                      </tr>

                      <tr>

                        <td colspan="2"><h:outputText  value="*" styleClass="mandatory_text" />

                        <h:outputText  value="#{msg['newregistration.postpaid.individual.tab.subscription.promocode']}"/>

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

                        <td colspan="2"><h:inputText id="promocodeFields" styleClass="style1" value="#{editAccountInfoBean.promoCode}" size="28"/></td>

                      </tr>

                      <tr>

                        <td width="6"> </td>

                        <td width="140">

                        <h:outputText  value="#{msg['newregistration.postpaid.individual.tab.subscription.combocode']}"/>

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

                        <td colspan="2"><h:inputText id="combocodeFields" styleClass="style1" value="#{editAccountInfoBean.comboCode}" size="28"/></td>

                      </tr>

                      <tr>

                        <td colspan="2"><h:outputText  value="*" styleClass="mandatory_text" />

                        <h:outputText  value="#{msg['newregistration.postpaid.individual.tab.subscription.dealercode']}"/>

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

                        <td width="157">

                        <h:inputText id="dealercodeFields" styleClass="style1" value="#{editAccountInfoBean.dealerCode}" size="28"/>

                          </td>

                        <td width="267"><table width="200">

                          <tr>

                            <td colspan="3">POSTPAID WALK IN </td>

                          </tr>

                        </table></td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td colspan="2">

                    <a4j:outputPanel id="panelenter" rendered="#{editAccountInfoBean.flagEnterprise == 'Enterprise'}">

                    <h:panelGrid id="packEnterpriseID" >

                    <table width="584" border="0" cellpadding="1" cellspacing="1" id="222">

                      <tr>

                        <td><h:outputText  value="*" styleClass="mandatory_text"/>

                         <h:outputText  value="AM Code"/>

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

                          </td>

                        <td><input type="text" name="textfield3422" /></td>

                      </tr>

                      <tr>

                        <td> <h:outputText  value="AM Name"/> <h:outputText value="#{msg.semiColon}"/></td>

                        <td><input type="text" name="textfield3423" /></td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="Company Name"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td><input type="text" name="textfield342" /></td>

                      </tr>

                      <tr>

                        <td>

                       <h:outputText  value="*" styleClass="mandatory_text"/>

                         <h:outputText  value="Package Group"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td>

                         <h:selectOneMenu id="pckGroupField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItem itemLabel="Please Select" itemValue="1"/>

            </h:selectOneMenu>

                        </td>

                      </tr>

                      <tr>

                        <td><div align="left"><h:outputText  value="*" styleClass="mandatory_text"/>

                        <h:outputText  value="Package"/><h:outputText value="#{msg.semiColon}"/></div></td>

                        <td>

                        <h:selectOneMenu id="packageListField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectEnterprisePackageList}"/>

            </h:selectOneMenu>

                        </td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="Enterprise Contract"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td>

                          <h:selectOneMenu id="penaltyField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectEnterpriseContractList}"/>

            </h:selectOneMenu></td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="Hardware Installment"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td><h:selectOneMenu id="hardwareInstField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectHardwareInstList}"/>

            </h:selectOneMenu></td>

                      </tr>

                      <tr>

                        <td> </td>

                        <td> </td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="VAS Enterprise"/></td>

                        <td> </td>

                      </tr>

                      <tr>

                        <td> </td>

                        <td> </td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="Phone Shield"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td><h:selectOneMenu id="phoneShieldField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectPhoneShieldList}"/>

            </h:selectOneMenu></td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="BlackBerry Licenses & Hosted Mail Services"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td><h:selectOneMenu id="blackberryField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectPhoneShieldList}"/>

            </h:selectOneMenu></td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="Phone Program Device Upfront"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td><h:selectOneMenu id="phoneField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectServicesList}"/>

            </h:selectOneMenu></td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="Monthly Airtime Rebate"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td><h:selectOneMenu id="monthlyairtimeField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectServicesList}"/>

            </h:selectOneMenu></td>

                      </tr>

                      <tr>

                        <td><h:outputText  value="Other VAS"/><h:outputText value="#{msg.semiColon}"/></td>

                        <td><h:selectOneMenu id="OtherVasField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectServicesList}"/>

            </h:selectOneMenu></td>

                      </tr>

                      <tr>

                        <td width="149"> </td>

                        <td width="428"> </td>

                      </tr>

                    </table>

                    </h:panelGrid></a4j:outputPanel></td>

                  </tr>

                  <tr>

                    <td colspan="2">

                    <table width="807" border="0" cellspacing="1" cellpadding="1">

                      <tr>

                        <td width="3212" colspan="4">

                         <a4j:outputPanel id="panelretail" rendered="#{editAccountInfoBean.flagRetail == 'Retail'}">

                        <h:panelGrid id="packretailID">

                        <table width="643" border="0" align="left" id="211">

                          <tr>

                            <td width="147">Package Group : </td>

                            <td><h:selectOneMenu id="packageGroupField" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectPackageGroup}"/>

            </h:selectOneMenu></td>

                            </tr>

                          <tr>

                            <td>Package  : </td>

                            <td><h:selectOneMenu id="packageListField1" required="true" immediate="true"

            styleClass="celcom01">

            <f:selectItems value="#{listBoxBean.selectPackageList}"/>

            </h:selectOneMenu></td>

                            </tr>

                          <tr>

                            <td> </td>

                            <td width="486"><table width="335" border="0" align="left" id="3">

                              <tr>

                                <td width="232" height="66"><p>Credit Limit : </p>

                                  <p>

                             <a4j:outputPanel ajaxRendered="true">

                        <a4j:region renderRegionOnly="true">

            <h:selectOneRadio  id="broadCastOption">  

            <a4j:support event="onclick" ajaxSingle="true"

               reRender="broadCastOption,info_bill_plan_editmodal"/>   

            <f:selectItem id="yesoption" itemValue="RM 550.00" itemLabel="RM 550.00"/>

            <f:selectItem id="Nooption" itemValue="RM 300.00" itemLabel="RM 300.00"/>

            </h:selectOneRadio>

            </a4j:region>

            </a4j:outputPanel>                      

                                    </p></td>

                                <td width="93">                   

                                <h:inputText  size="28"></h:inputText>

             

                                </td>

                                </tr>

                              </table></td>

                            </tr>

                          </table>

                          </h:panelGrid></a4j:outputPanel>

                          </td>

                      </tr>

                      </table></td>

                  </tr>

                </table></td>

              </tr>

             

              <tr>

                <td colspan="2"> </td>

              </tr>

              <tr>

                 <td valign="top"><h:outputText id="notesField" value="#{msg.notes}"/>

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

                    <td valign="top"><h:inputTextarea cols="50" rows="5" value="#{editAccountInfoBean.creditLimitNotes}"></h:inputTextarea></td>

              </tr>

              <tr><td colspan="2"> </td></tr>

            </table>

            <h:panelGrid columns="6">

            <a4j:commandButton limitToList="true" ajaxSingle="true"

                 type="button" id="saveButtonId" styleClass="celcocm01" value="#{msg.save}"

                 oncomplete="Richfaces.hideModalPanel('info_bill_plan_editmodal')"/> 

             

            <a4j:commandButton limitToList="true" ajaxSingle="true"

                 type="button" id="resetButtonId" styleClass="celcocm01" value="#{msg.reset}"/>

            <rich:componentControl for="info_bill_plan_editmodal" attachTo="resetButtonId"

            operation="hide" event="onclick"/>

             

            <a4j:commandButton limitToList="true" ajaxSingle="true"

                 type="button" id="cancelButtonId" styleClass="celcocm01" value="#{msg.cancel}"

                 oncomplete="Richfaces.hideModalPanel('info_bill_plan_editmodal')"/>

            </h:panelGrid>

            </a4j:form>

            </rich:modalPanel>

             

             

            How to solve this issue?????

             

             

             

             

             

            <rich:comboBox id="cbxnewpaymethodField" value="#{editAccountInfoBean.cbxSubscriptionType}"
                        listClass="myClass" selectFirstOnUpdate="false" required="true" enableManualInput="false"
                           defaultLabel="#{msg.defaultLabel}" directInputSuggestions="true" valueChangeListener="#{editAccountInfoBean.optionSelectedComboBox}">
                                 <f:selectItems value="#{listBoxBean.selectSubscriptionTypeList}"/>
                                <a4j:support event="onchange" limitToList="true" ajaxSingle="true" eventsQueue="fooQueue" id="ajaxSuppID"
            reRender="packEnterpriseID,packretailID,panelenter,panelretail">
                               </a4j:support>
                      </rich:comboBox>

            • 3. Re: rich:comboBox code works in Chrome and not working in IE8 and Mozilla also??
              Ilya Shaikovsky Master

              full stacktrace for

               

              Why it is not working in IE and chrome and throwing Caused by: java.lang.NullPointerException???

               

              ?