Possible bugs in ajax components???
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>