Author: ilya_shaikovsky
Date: 2010-10-26 12:10:37 -0400 (Tue, 26 Oct 2010)
New Revision: 19671
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/headerCustomization.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/headerCustomization-sample.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/simple-sample.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/valueManagement-sample.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/simple.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/valueManagement.xhtml
Modified:
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml
Log:
https://jira.jboss.org/browse/RF-8782
Modified:
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-10-26
03:54:48 UTC (rev 19670)
+++
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-10-26
16:10:37 UTC (rev 19671)
@@ -162,7 +162,7 @@
</sample>
</samples>
</demo>
- <demo new="true">
+ <demo>
<id>mediaOutput</id>
<name>a4j:mediaOutput</name>
<samples>
@@ -230,7 +230,7 @@
</sample>
</samples>
</demo>
- <demo new="true">
+ <demo>
<id>extendedDataTable</id>
<name>rich:extendedDataTable</name>
<samples>
@@ -238,7 +238,7 @@
<id>simpleTable</id>
<name>ExtendedData Table Basic Usage</name>
</sample>
- <sample new="true">
+ <sample>
<id>exTableSelection</id>
<name>ExtendedData Table Selection usage</name>
</sample>
@@ -268,7 +268,7 @@
</sample>
</samples>
</demo>
- <demo new="true">
+ <demo>
<id>list</id>
<name>rich:list</name>
<samples>
@@ -278,7 +278,7 @@
</sample>
</samples>
</demo>
- <demo new="true">
+ <demo>
<id>dataGrid</id>
<name>rich:dataGrid</name>
<samples>
@@ -290,7 +290,7 @@
</demo>
</demos>
</group>
- <group new="true">
+ <group>
<name>Output/Panels</name>
<demos>
<demo>
@@ -318,6 +318,27 @@
</samples>
</demo>
<demo>
+ <id>tabPanel</id>
+ <name>rich:tabPanel</name>
+ <samples>
+ <sample>
+ <id>simple</id>
+ <description>Simple Tab Panels</description>
+ <name>Simple Tab Panels</name>
+ </sample>
+ <!-- sample>
+ <id>headerCustomization</id>
+ <description>Headers Customization</description>
+ <name>Headers Customization</name>
+ </sample-->
+ <sample>
+ <id>valueManagement</id>
+ <description>Selected Tab Management</description>
+ <name>Selected Tab Management</name>
+ </sample>
+ </samples>
+ </demo>
+ <demo>
<id>accordion</id>
<name>rich:accordion</name>
<samples>
@@ -357,7 +378,7 @@
</demo>
</demos>
</group>
- <group new="true">
+ <group>
<name>Inputs and Selects</name>
<demos>
<demo>
@@ -435,7 +456,7 @@
</sample>
</samples>
</demo>
- <demo new="true">
+ <demo>
<id>jquery</id>
<name>rich:jQuery</name>
<samples>
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/headerCustomization.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/headerCustomization.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/headerCustomization.xhtml 2010-10-26
16:10:37 UTC (rev 19671)
@@ -0,0 +1,23 @@
+<!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"
+
xmlns:ui="http://java.sun.com/jsf/facelets">
+
+<ui:composition>
+ <p>Tab panel is used to create "tabbed" pages.
+ RichFaces tab panel can be switched in 3 ways: using "normal" server-side
+ update, using "ajax" style update, when only tab panel area is updated
+ on the page, and using "client" type, without any interaction with the
+ server. Note, that in case of a "client" switch type, all tabs are
+ rendered at the same time. </p>
+ <ui:include src="#{demoNavigator.sampleIncludeURI}" />
+ <ui:include src="/templates/includes/source-view.xhtml">
+ <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}"
/>
+ <ui:param name="sourceType" value="xhtml" />
+ <ui:param name="openLabel" value="View Source" />
+ <ui:param name="hideLabel" value="Hide Source" />
+ </ui:include>
+
+</ui:composition>
+</html>
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/headerCustomization-sample.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/headerCustomization-sample.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/headerCustomization-sample.xhtml 2010-10-26
16:10:37 UTC (rev 19671)
@@ -0,0 +1,44 @@
+<!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"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+
+<ui:composition>
+ <strong>Tab Panel with headers attached to top or bottom side</strong>
+ <br />
+ <br />
+ <h:form>
+ <h:panelGrid columns="2">
+ <h:outputLabel value="Header Position:" for="position" />
+ <h:selectOneRadio id="position">
+ <f:selectItem itemLabel="Top" itemValue="top" />
+ <f:selectItem itemLabel="Bottom" itemValue="bottom" />
+ <a4j:ajax event="change" render="tp" />
+ </h:selectOneRadio>
+ <h:outputLabel value="Header Location:" for="location" />
+ <h:selectOneRadio id="location">
+ <f:selectItem itemLabel="Left" itemValue="left" />
+ <f:selectItem itemLabel="Right" itemValue="right" />
+ <f:selectItem itemLabel="Center" itemValue="center" />
+ <a4j:ajax event="change" render="tp" />
+ </h:selectOneRadio>
+ </h:panelGrid>
+ <rich:tabPanel switchType="ajax" id="tp"
+ headerPosition="top"
+ headerLocation="center">
+ <rich:tab header="First">
+ Here is tab #1
+ </rich:tab>
+ <rich:tab header="Second">
+ Here is tab #2
+ </rich:tab>
+ <rich:tab header="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+ </h:form>
+</ui:composition>
+</html>
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/simple-sample.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/simple-sample.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/simple-sample.xhtml 2010-10-26
16:10:37 UTC (rev 19671)
@@ -0,0 +1,49 @@
+<!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"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+
+<ui:composition>
+ <rich:tabPanel switchType="client">
+ <rich:tab header="Overview">
+ <h:graphicImage value="/images/icons/common/rf.png"
+ style="float:right" />
+ RichFaces is a component library for JSF and an advanced framework for
+ easily integrating AJAX capabilities into business applications.
+ <ul>
+ <li>100+ AJAX enabled components in two libraries</li>
+ <li>a4j: page centric AJAX controls</li>
+ <li>rich: self contained, ready to use components</li>
+ <li>Whole set of JSF benefits while working with AJAX</li>
+ <li>Skinnability mechanism</li>
+ <li>Component Development Kit (CDK)</li>
+ <li>Dynamic resources handling</li>
+ <li>Testing facilities for components, actions, listeners, and
+ pages</li>
+ <li>Broad cross-browser support</li>
+ <li>Large and active community</li>
+ </ul>
+ </rich:tab>
+ <rich:tab header="JSF 2 and RichFaces 4">
+ <p>We are working hard on RichFaces 4.0 which will have full JSF
+ 2 integration. That is not all though, here is a summary of updates
+ and features:</p>
+ <ul>
+ <li>Redesigned modular repository and build system.</li>
+ <li>Simplified Component Development Kit with annotations,
+ faces-config extensions, advanced templates support and more..</li>
+ <li>Ajax framework improvements extending the JSF 2
+ specification.</li>
+ <li>Component review for consistency, usability, and redesign
+ following semantic HTML principles where possible.</li>
+ <li>Both server-side and client-side performance optimization.</li>
+ <li>Strict code clean-up and review.</li>
+ </ul>
+ </rich:tab>
+ </rich:tabPanel>
+
+</ui:composition>
+</html>
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/valueManagement-sample.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/valueManagement-sample.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/samples/valueManagement-sample.xhtml 2010-10-26
16:10:37 UTC (rev 19671)
@@ -0,0 +1,36 @@
+<!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"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+
+<ui:composition>
+ <strong>External controls for switching the panel</strong>
+ <br />
+ <br />
+ <h:form>
+ <rich:tabPanel switchType="ajax" id="tp"
+ headerPosition="top"
+ headerLocation="center">
+ <rich:tab header="First">
+ Here is tab #1
+ </rich:tab>
+ <rich:tab header="Second">
+ Here is tab #2
+ </rich:tab>
+ <rich:tab header="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+ <h:commandLink value="Previous tab">
+ <rich:toggleControl targetPanel="tp" targetItem="@prev"/>
+ </h:commandLink>
+ <h:outputText value=" | "/>
+ <h:commandLink value="Next tab">
+ <rich:toggleControl targetPanel="tp" targetItem="@next"/>
+ </h:commandLink>
+ </h:form>
+</ui:composition>
+</html>
\ No newline at end of file
Added: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/simple.xhtml
===================================================================
--- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/simple.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/simple.xhtml 2010-10-26
16:10:37 UTC (rev 19671)
@@ -0,0 +1,23 @@
+<!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"
+
xmlns:ui="http://java.sun.com/jsf/facelets">
+
+<ui:composition>
+ <p>Tab panel is used to create "tabbed" pages.
+ RichFaces tab panel can be switched in 3 ways: using "normal" server-side
+ update, using "ajax" style update, when only tab panel area is updated
+ on the page, and using "client" type, without any interaction with the
+ server. Note, that in case of a "client" switch type, all tabs are
+ rendered at the same time. </p>
+ <ui:include src="#{demoNavigator.sampleIncludeURI}" />
+ <ui:include src="/templates/includes/source-view.xhtml">
+ <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}"
/>
+ <ui:param name="sourceType" value="xhtml" />
+ <ui:param name="openLabel" value="View Source" />
+ <ui:param name="hideLabel" value="Hide Source" />
+ </ui:include>
+
+</ui:composition>
+</html>
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/valueManagement.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/valueManagement.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tabPanel/valueManagement.xhtml 2010-10-26
16:10:37 UTC (rev 19671)
@@ -0,0 +1,31 @@
+<!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"
+
xmlns:ui="http://java.sun.com/jsf/facelets">
+
+<ui:composition>
+ <p>That sample shows how to use external controls for switching the
+ panel</p>
+ <p><b>toggleControl</b> behavior used as for any other switchable
+ panel (<i>togglePanel, accordion</i>)</p>
+ <p><b>targetItem</b> could be <b>defined with tab name</b>
and
+ additionally tabPanel supports next <b>predefined shortcuts</b>:</p>
+ <ul>
+ <li>@next</li>
+ <li>@prev</li>
+ <li>@first</li>
+ <li>@last</li>
+ </ul>
+ <ui:include src="#{demoNavigator.sampleIncludeURI}" />
+ <ui:include src="/templates/includes/source-view.xhtml">
+ <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}"
/>
+ <ui:param name="sourceType" value="xhtml" />
+ <ui:param name="openLabel" value="View Source" />
+ <ui:param name="hideLabel" value="Hide Source" />
+ </ui:include>
+ <p>Additionally you could manage the current tab at server side
+ using <b>activeItem</b> attribute at tabPanel <b>bound to some Bean
+ property</b> which holds current tab name.</p>
+</ui:composition>
+</html>
\ No newline at end of file