| <?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?> |
| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, |
| software distributed under the License is distributed on an |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| KIND, either express or implied. See the License for the |
| specific language governing permissions and limitations |
| under the License. |
| |
| --> |
| <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0" |
| xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" |
| xmlns:trh="http://myfaces.apache.org/trinidad/html" |
| xmlns:tr="http://myfaces.apache.org/trinidad"> |
| <jsp:directive.page contentType="text/html;charset=utf-8"/> |
| <f:view> |
| <tr:document title="panelAccordion Demo"> |
| <tr:form> |
| <tr:panelGroupLayout layout="vertical"> |
| <f:facet name="separator"> |
| <tr:separator/> |
| </f:facet> |
| <tr:panelGroupLayout layout="horizontal"> |
| <tr:commandLink immediate="true" text="Component Guide" action="guide"/> |
| <tr:spacer width="10"/> |
| <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelAccordion.html" |
| text="Tag Documentation"/> |
| <tr:spacer width="10"/> |
| <tr:goLink destination="http://myfaces.apache.org/trinidad/skin-selectors.html#panelAccordion" |
| text="Skinning Key Documentation"/> |
| </tr:panelGroupLayout> |
| <tr:outputFormatted styleUsage="instruction" |
| value="<b>panelAccordion - takes default selection among showDetailItem children</b>"/> |
| <tr:panelAccordion discloseNone="true"> |
| <tr:showDetailItem text="Panel 1" disclosureListener="#{toggle.onDisclosure}"> |
| <tr:panelHeader text="Header 1"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 1-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| <tr:inputText readOnly="true" styleClass="AFFieldTextMarker" |
| value="You have expanded / collapsed panel 1 a total of #{toggle.totalCount} times"/> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| <tr:showDetailItem text="Panel 2"> |
| <tr:panelHeader text="Header 2"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 2-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| <tr:showDetailItem text="Panel 3"> |
| <tr:panelHeader text="Header 3"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 3-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| <tr:showDetailItem text="Panel 4"> |
| <tr:panelHeader text="Header 4"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 4-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| </tr:panelAccordion> |
| <tr:outputFormatted styleUsage="instruction" |
| value="<b>This block is to show the current date for reference - Note that this does not change until there is a full page refresh </b>"/> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Date/Time from last full page refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| <tr:outputFormatted styleUsage="instruction" |
| value="<b>A standard panelAccordion component - Update its properties from the table below </b>"/> |
| <tr:panelAccordion binding="#{editor.component}" discloseNone="true"> |
| <tr:showDetailItem text="Panel 1" id="detailItem1"> |
| <tr:panelHeader text="Header 1"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 1-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| <tr:showDetailItem text="Panel 2" id="detailItem2"> |
| <tr:panelHeader text="Header 2"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 2-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| <tr:showDetailItem text="Panel 3" id="detailItem3" disclosed="true"> |
| <tr:panelHeader text="Header 3"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 3-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| <tr:showDetailItem text="Panel 4" id="detailItem4" disabled="true"/> |
| <tr:showDetailItem text="Panel 5" id="detailItem5"> |
| <tr:panelHeader text="Header 5"> |
| <tr:panelFormLayout> |
| <tr:inputText readOnly="true" label="Label 5-1" value="Value" |
| styleClass="AFFieldTextMarker"/> |
| <tr:inputText readOnly="true" label="Date/Time from last partial refresh" |
| value="#{date.currentDate}" styleClass="AFFieldTextMarker"> |
| <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/> |
| </tr:inputText> |
| </tr:panelFormLayout> |
| </tr:panelHeader> |
| </tr:showDetailItem> |
| </tr:panelAccordion> |
| <jsp:directive.include file="editor.jspf"/> |
| </tr:panelGroupLayout> |
| </tr:form> |
| </tr:document> |
| </f:view> |
| </jsp:root> |