Mar 13, 2008 4:36 PM
dropDownField value text turns white when q:selectionColumn enabled
I have a q:dataTable with a q:selectionColumn, and embedded q:dropDownField controls in the columns.
My problem is that, when a column is selected, the values of the dropDownField's list appear blank ( I think the text color is changing from black to white, because I can see them when I mouse over them).
Is it possible that there is a style conflict?
Thanks,
Mike
dataTable code
<q:dataTable id="inventoryTable" var="note"
value="#{InventoryManager.items}" rowKey="#{note.key}"
headerRowStyle="color: white; text-align: center; height: 25px; background: #969696;"
headerVertSeparator="1px solid #808080"
headerHorizSeparator="1px solid #808080"
horizontalGridLines="1px solid #c0c0c0"
verticalGridLines="1px solid #c0c0c0"
focusedStyle="border: 1px solid #0093ec;"
bodyRowStyle="height: 25px;"
>
<q:multipleRowSelection
rowDatas="#{InventoryManager.selectedItems}" />
<f:facet name="above">
<h:panelGrid columns="4" width="100%">
<h:outputLabel styleClass="medium" value="Total Amount" />
<h:outputText id="totalAmount" styleClass="large"
value="#{InventoryManager.totalAmount}" />
<h:outputLabel styleClass="medium" value="Total Count" />
<h:outputText id="totalCount" styleClass="large"
value="#{InventoryManager.totalCount}" />
<h:commandButton styleClass="button80" value="Add"
onclick="q_refreshTable(
'inventoryManagementForm:inventoryTable', null, 'InventoryManager.addNewRow');return false;" />
<h:commandButton styleClass="button80" value="Import"
onclick="Richfaces.showModalPanel('mp',);return false;" />
<h:commandButton styleClass="button80" value="Save" />
<h:commandButton id="clearButton" styleClass="button80"
value="Clear"
onclick="q_refreshTable(
'inventoryManagementForm:inventoryTable', null, 'InventoryManager.clearRows');return false;" />
<q:confirmation id="conf" invokerId="clearButton"
invokerEventName="onclick" captionText="Confirm"
message="Clear all rows?"
details="Click Yes to delete all rows."
showMessageIcon="false" okButtonText="Yes"
cancelButtonText="No" />
</h:panelGrid>
</f:facet>
<q:selectionColumn>
<f:facet name="header">
<q:selectAllCheckbox />
</f:facet>
</q:selectionColumn>
<q:column styleClass="columnHeader">
<f:facet name="header">
<h:outputText value="Currency" />
</f:facet>
<h:inputText value="#{note.currency}" styleClass="small" />
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Issue Date" />
</f:facet>
<h:inputText value="#{note.issueDate}" styleClass="small">
<f:convertDateTime pattern="yyyy-M-dd" />
</h:inputText>
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Transfer Date" />
</f:facet>
<h:inputText value="#{note.transferDate}" styleClass="small">
<f:convertDateTime pattern="yyyy-M-dd" />
</h:inputText>
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Term" />
</f:facet>
<h:inputText value="#{note.term}" styleClass="small" />
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Maturity Date" />
</f:facet>
<h:inputText value="#{note.maturityDate}" styleClass="small">
<f:convertDateTime pattern="yyyy-M-dd" />
</h:inputText>
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Note Number" />
</f:facet>
<h:inputText value="#{note.noteNumber}" styleClass="medium" />
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Face Amount" />
</f:facet>
<h:inputText value="#{note.faceAmount}" styleClass="medium"
onchange="q_refreshTable('inventoryManagementForm:inventoryTable',
null, null);return false;" />
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Counterparty" />
</f:facet>
<h:inputText value="#{note.counterparty}" styleClass="medium" />
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Issuer" />
</f:facet>
<q:dropDownField value="#{note.program}">
<q:dropDownItems
value="#{InventoryManager.counterpartyCodes}" />
</q:dropDownField>
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Program" />
</f:facet>
<q:dropDownField value="#{note.program}">
<q:dropDownItems value="#{InventoryManager.programCodes}" />
</q:dropDownField>
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Safekeeping Contact" />
</f:facet>
<q:dropDownField value="note.safekeepingContact" var="contact">
<q:dropDownItems value="#{InventoryManager.contacts}" />
</q:dropDownField>
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Notes" />
</f:facet>
<h:inputText value="#{note.notes}" styleClass="medium" />
</q:column>
<q:column>
<f:facet name="header">
<h:outputText value="Status" />
</f:facet>
<h:inputText disabled="true" value="#{note.status}"
styleClass="small" />
</q:column>
</q:dataTable>
