IceFacs 页面编程 two 例子

IceFaces page code one:
[quote]<ui:composition
template="/WEB-INF/includes/templates/page-template.xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jstl/core"
xmlns:ice="http://www.icesoft.com/icefaces/component"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:m="http://www.savvis.net/mw/jsf">

<ui:define name="javascript">
<script language="JavaScript" type="text/javascript">
</script>
</ui:define>
<ui:define name="title">#{msgs['report.mw.cap.audit.title']}</ui:define>

<ui:define name="page-content">
<ice:form id="myform">
<ice:panelCollapsible expanded="true">
<f:facet name="header">
<ice:panelGroup styleClass="expandableStateIndicator">
<ice:outputText value="#{msgs['report.vpdc.audit.report.title']}"/>
</ice:panelGroup>
</f:facet>
<ice:panelGrid columns="1" width="100%">
<ice:panelGrid columns="3">
<ice:outputLabel value="#{msgs['report.vpdc.audit.label.input.job.id']}"/>
<ice:panelGroup>
<ice:inputText id="jobId" value="#{vpdcAuditReportBean.jobId}"
binding="#{vpdcAuditReportBean.jobIdInputText}"
title="#{msgs['report.mw.cap.audit.label.notify']}">
</ice:inputText>
<ice:message for="jobId" errorClass="error"/>
</ice:panelGroup>
<ice:message for="auditSystems" errorClass="error"/>
<ice:outputLabel value="#{msgs['report.vpdc.audit.label.input.email.address.list']}"/>
<ice:panelGroup>
<ice:inputText id="emailAddressList" value="#{vpdcAuditReportBean.emailAddressList}"
binding="#{vpdcAuditReportBean.emailAddressListIdInputText}"
title="#{msgs['report.mw.cap.audit.label.notify']}" style="width:350px">
</ice:inputText>
<ice:message for="emailAddressList" errorClass="error"/>
</ice:panelGroup>
<ice:message for="auditSystems" errorClass="error"/>
<ice:outputLabel id="dataPointsTitle" value="#{msgs['report.vpdc.audit.label.data.points']}"/>
<ice:panelGrid columns="1" id="dataPoints"
binding="#{vpdcAuditReportBean.dataPointsGrid}">
<ice:panelGroup style="border: 1px solid gray; padding: 4px 4px 4px 4px;">
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.netWork}"/>
<ice:outputLabel value="Network(VLAN)"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.vmVMDK}"/>
<ice:outputLabel value="VM(VMDK)"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.lun}"/>
<ice:outputLabel value="LUN"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.ace}"/>
<ice:outputLabel value="ACE(PFW,SLB)"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.stfw}"/>
<ice:outputLabel value="STFW"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.acl}"/>
<ice:outputLabel value="ACL"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.dhcpServer}"/>
<ice:outputLabel value="DHCP Server"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.detachedVMDK}"/>
<ice:outputLabel value="Detached VMDK"/>
</ice:panelGroup>
</ice:panelGroup>
</ice:panelGrid>
<ice:message for="auditSystems" errorClass="error"/>
<ice:outputLabel id="dataSourceTitle" value="#{msgs['report.vpdc.audit.label.data.sources']}"/>
<ice:panelGrid columns="1" id="dataSources"
binding="#{vpdcAuditReportBean.dataSourcesGrid}">
<ice:panelGroup style="border: 1px solid gray; padding: 4px 4px 4px 4px;">
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.mw}"/>
<ice:outputLabel value="MW(yFile,vpdc_comp,service design,vpdc_detail)"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.vantive}"/>
<ice:outputLabel value="Vantive"/>
</ice:panelGroup>
<ice:panelGroup>
<ice:selectBooleanCheckbox value="#{vpdcAuditReportBean.infrastructure}"/>
<ice:outputLabel value="Infrastructure"/>
</ice:panelGroup>
</ice:panelGroup>
</ice:panelGrid>
</ice:panelGrid>
<ice:panelGroup>
<ice:commandButton value="#{msgs['report.mw.cap.audit.button.show']}"
actionListener="#{vpdcAuditReportBean.showReport}"
style="margin-bottom:5px" id="showReport"
action="vpdc.aduit.report.submit.show"
binding="#{vpdcAuditReportBean.generateCommandButton}"
alt="#{msgs['report.mw.cap.audit.button.show']}"/>
    
<ice:message for="showReport" errorClass="error"/>
</ice:panelGroup>
</ice:panelGrid>
</ice:panelCollapsible>
</ice:form>
</ui:define>

</ui:composition>[/quote]
The IceFaces page one performs in the browser like below:
[img]vpdc_audit_report.bmp[/img]

IceFaces page code two:
[quote]<ui:composition
template="/WEB-INF/includes/templates/page-template.xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jstl/core"
xmlns:ice="http://www.icesoft.com/icefaces/component"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:m="http://www.savvis.net/mw/jsf">

<ui:define name="javascript">
<script language="JavaScript" type="text/javascript">
</script>
</ui:define>
<ui:define name="title">#{msgs['report.vpdc.audit.report.submit.title']}</ui:define>

<ui:define name="page-content">
<ice:form id="myform">
<ice:panelCollapsible expanded="true">
<f:facet name="header">
<ice:panelGroup styleClass="expandableStateIndicator">
<ice:outputText value="#{msgs['report.vpdc.audit.report.submit.title']}"/>
</ice:panelGroup>
</f:facet>
<ice:panelGrid>
<ice:panelGroup>
<ice:outputFormat value="#{msgs['submit.report.vpdc.audit.gerneration']}">
<f:param value="#{vpdcAuditReportSubmitBean.billingSiteId}"/>
<f:param value="#{vpdcAuditReportSubmitBean.location}"/>
<f:param value="#{vpdcAuditReportSubmitBean.vpdcId}"/>
<f:param value="#{vpdcAuditReportSubmitBean.vpdcName}"/>
<f:param value="#{vpdcAuditReportSubmitBean.serviceProfile}"/>
<f:param value="#{vpdcAuditReportSubmitBean.jobId}"/>
</ice:outputFormat>
</ice:panelGroup>
<ice:outputText value="It will take some time."/>
<ice:panelGroup>
<ice:outputFormat value="#{msgs['submit.report.vpdc.audit.data.points']}">
<f:param value="#{vpdcAuditReportSubmitBean.selectedDataPoints}"/>
</ice:outputFormat>
</ice:panelGroup>
<ice:panelGroup>
<ice:outputFormat value="#{msgs['submit.report.vpdc.audit.data.sources']}">
<f:param value="#{vpdcAuditReportSubmitBean.selectedDataSources}"/>
</ice:outputFormat>
</ice:panelGroup>
<ice:panelGroup>
<ice:outputFormat value="#{msgs['submit.report.vpdc.audit.email.list']}">
<f:param value="#{vpdcAuditReportSubmitBean.emailAddressList}"/>
</ice:outputFormat>
</ice:panelGroup>
</ice:panelGrid>
</ice:panelCollapsible>
</ice:form>
</ui:define>
</ui:composition>[/quote]

The IceFaces page two performs in the browser like below:
[img]vpdc_audit_report_submit.bmp[/img]