<?xml version="1.0" encoding="UTF-8"?>
<!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:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<h

utputStylesheet library="css" name="styles.css"/>
<title>#{msgs.windowTitle}</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2"
styleClass="mainArea"
columnClasses="mA_left,mA_right" >
<h:column>
category:
</h:column>
<h:column>
<h:selectOneMenu value="#{productTable.chosenCategoryId}" converter="com.converters.ObjectStringCoverter" valueChangeListener="#{productTable.categoryChanged}"
styleClass="dropDown" id="category" onchange="submit()" rendered="#{productTable.categoryEditable}">
<f:selectItems id="categorySelection" value="#{productTable.categoryArrayList}" var="category" itemLabel="#{category.categoryName}" itemValue="#{category.categoryId}" />
</h:selectOneMenu>
<h

utputText value="#{productTable.chosenCategory.categoryName}" rendered="#{not productTable.categoryEditable}"/>
</h:column>
</h:panelGrid>
<h:panelGrid columns="2"
styleClass="mainArea"
columnClasses="mA_left,mA_right" >
<h:column>
product line:
</h:column>
<h:column>
<h:selectOneMenu value="#{productTable.chosenProductLineId}" converter="com.converters.ObjectStringCoverter" styleClass="dropDown" id="productLine"
valueChangeListener="#{productTable.productLineChanged}" onchange="submit()" rendered="#{productTable.productLineEditable}">
<f:selectItems id="productLineSelection" value="#{productTable.productLineArrayList}" var="productLine" itemLabel="#{productLine.productLineName}" itemValue="#{productLine.productLineId}" />
</h:selectOneMenu>
<h

utputText value="#{productTable.chosenProductLine.productLineName}" rendered="#{not productTable.productLineEditable}"/>
</h:column>
</h:panelGrid>
<h:panelGrid columns="2"
styleClass="mainArea"
columnClasses="mA_left,mA_right" >
<h:column>
reset model
</h:column>
<h:column>
<h:commandButton value="reset" action="#{productTable.resetProducModel}"/>
</h:column>
</h:panelGrid>
<h:dataTable value="#{productTable.productArrayList}" var="productArrayList"
styleClass="productTable"
headerClass="columnHeader"
footerClass="columnHeader"
rowClasses="oddColumn,evenColumn">
<f:facet name="caption">Drop Down</f:facet>
<f:facet name="caption">All Products</f:facet>
<h:column>
<f:facet name="header">#{msgs.col_prodName_header}</f:facet>
#{productArrayList.name}
</h:column>
<h:column>
<f:facet name="header">#{msgs.col_prodCategory_header}</f:facet>
#{productArrayList.category}
</h:column>
</h:dataTable>
</h:form>
<h:messages />
</h:body>
</html>