1 Reply Latest reply on Apr 18, 2007 6:25 PM by Sergey Smirnov

    Possible bugs in ajax components???

    Darryl Thompson Newbie

      Hello,
      I have two issues that look like bugs.
      1. Ajax-enabled radio buttons hide/show selection criteria
      - This app uses MyFaces/tomahawk 1.1.5
      The following code works fine in Firefox 1.5 but fails in IE 6

      <htm:fieldset id="fldset1">
      
      <htm:legend id="lgd1" title="Story Listings"> <h:outputText value="Story Listing"/></htm:legend>
      
      <h:panelGrid border="1" width="100%" columns="1" styleClass="rightAlign">
      
      <h:selectOneRadio value="#{storyBean.selectedRadioValue}" styleClass="rightAlign"
       valueChangeListener="#{storyBean.modalBean.querySelectionAction}">
      
      <f:selectItem itemLabel="Use Query Criteria" itemValue="1"/>
      
      <f:selectItem itemLabel="Show All" itemValue="2"/>
      
      <a4j:support actionListener="#{storyBean.modalBean.querySelectionAction}"
       reRender="searchGroup" event="onchange" ajaxSingle="true"/>
      
      </h:selectOneRadio>
      
      
      
      </h:panelGrid>
      
      <h:panelGroup id="searchGroup" styleClass="borders" >
      
      <h:panelGrid columns="7" columnClasses="columnLabelsRightJust" id="grid1" rendered="#{storyBean.viewQueryCriteria}">
      
      <f:facet name="header">Enter search Criteria</f:facet>
      
      <h:outputText value="Search By" styleClass="columnHeaderRightJust"/>
      
      <h:selectOneMenu value="#{storyBean.storyCriteria}" id="stat">
      
      <f:selectItem itemLabel="" itemValue="-1"/>
      
      <f:selectItem itemLabel="Story Title" itemValue="1"/>
      
      <f:selectItem itemLabel="Story Desc" itemValue="2"/>
      
      <f:selectItem itemLabel="Task Title" itemValue="3"/>
      
      <f:selectItem itemLabel="Task Desc" itemValue="4"/>
      
      </h:selectOneMenu>
      
      
      <h:outputText value="Where value" styleClass="columnHeaderRightJust"/>
      
      <h:selectOneMenu value="#{storyBean.criteriaPredicate}" id="crit">
      
      <f:selectItem itemLabel="" itemValue="-1"/>
      
      <f:selectItem itemLabel="Begins with" itemValue="1"/>
      
      <f:selectItem itemLabel="Contains" itemValue="2"/>
      
      <f:selectItem itemLabel="Ends with" itemValue="3"/>
      
      <f:selectItem itemLabel="Equal" itemValue="4"/>
      
      <f:selectItem itemLabel="Not Equal" itemValue="9"/>
      
      </h:selectOneMenu>
      
      
      <h:outputText value="Criteria" styleClass="columnHeaderRightJust"/>
      
      <h:inputText id="searchCriteria" maxlength="25" value="#{storyBean.searchValue}"/>
      
      <f:facet name="footer">View Result below</f:facet>
      
      <a4j:commandButton actionListener="#{storyBean.modalBean.doStorySearch}" value="Run Query" reRender="carList"/>
      
      </h:panelGrid>
      
      </h:panelGroup>
      



      2. Datatable header stylesheet override works in Firefox 1.5 but fails in IE 6
      - This app uses Facelets
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      
      <html xmlns="http://www.w3.org/1999/xhtml"
      
      xmlns:ui="http://java.sun.com/jsf/facelets"
      
      xmlns:h="http://java.sun.com/jsf/html"
      
      xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
      
      xmlns:rich="http://richfaces.ajax4jsf.org/rich"
      
      xmlns:htm="http://jsftutorials.net/htmLib"
      
      xmlns:t="http://myfaces.apache.org/tomahawk"
      
      xmlns:f="http://java.sun.com/jsf/core">
      
      <ui:composition template="/templates/common.xhtml">
      
      
      <ui:define name="pageTitle">Investors</ui:define>
      
      <ui:define name="pageHeader">Investor Listings</ui:define>
      
      <ui:define name="body">
      
      <h:panelGroup id="welcome">
      
      <p>
      
      The following list contains all investors who have pledged funds.
      
      </p>
      
      </h:panelGroup>
      
      <f:view>
      
      <h:form id="memberRegistrationForm">
      
      <table border="2" class="tableBorderColor"> <tr><td>
      
      <rich:datascroller for="mbrList" maxPages="10" />
      
      
      <rich:dataTable width="100%"
      
      id="mbrList" rows="8"
      
      onRowMouseOver="this.style.backgroundColor='#669933'"
      
      onRowMouseOut="this.style.backgroundColor='#ffffcc'"
      
      cellpadding="0" cellspacing="0"
      
      border="0"
      
      var="member"
      
      value="#{membershipBean.memberList}">
      
      <f:facet name="header">
      
      <rich:columnGroup>
      
      <rich:column>
      
      <h:outputText value="Id" />
      
      </rich:column>
      
      <rich:column>
      
      <h:outputText value="First Name" />
      
      </rich:column>
      
      <rich:column>
      
      <h:outputText value="Last Name" />
      
      </rich:column>
      
      <rich:column>
      
      <h:outputText value="Email Address" />
      
      </rich:column>
      
      <rich:column>
      
      <h:outputText value="Contribution" />
      
      </rich:column>
      
      <rich:column colspan="3">
      
      <rich:spacer />
      
      </rich:column>
      
      </rich:columnGroup>
      
      </f:facet>
      
      
      <h:column>
      
      <h:outputText value="#{member.recordNumber}" />
      
      </h:column>
      
      <h:column>
      
      <h:outputText value="#{member.firstName}" />
      
      </h:column>
      
      <h:column>
      
      <h:outputText value="#{member.lastName}" />
      
      </h:column>
      
      <h:column>
      
      <h:outputText value="#{member.emailAddress}" />
      
      </h:column>
      
      <h:column>
      
      <h:outputText value="#{member.investmentPledge}" />
      
      </h:column>
      
      <h:column>
      
      <h:outputText value="Modify"/>
      
      </h:column>
      
      <h:column>
      
      <h:outputText value="Delete"/>
      
      </h:column>
      
      <h:column>
      
      <h:outputText value="View Pledges"/>
      
      </h:column>
      
      </rich:dataTable>
      
      </td></tr></table>
      
      </h:form>
      
      </f:view>
      
      </ui:define>
      
      </ui:composition>
      
      </html>