IceFacs 页面编程 two 例子

IceFaces page code one:

引用

<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']}"/>
                        &#160;&#160;&#160;&#160;
                        <ice:message for="showReport" errorClass="error"/>
                    </ice:panelGroup>
                </ice:panelGrid>
            </ice:panelCollapsible>
        </ice:form>
    </ui:define>

</ui:composition>

The IceFaces page one performs in the browser like below:


IceFaces page code two:

引用

<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>

The IceFaces page two performs in the browser like below: