[richfaces-svn-commits] JBoss Rich Faces SVN: r2181 - trunk/docs/userguide/en/src/main/docbook/included.

richfaces-svn-commits at lists.jboss.org richfaces-svn-commits at lists.jboss.org
Thu Aug 9 13:02:45 EDT 2007


Author: vkorluzhenko
Date: 2007-08-09 13:02:45 -0400 (Thu, 09 Aug 2007)
New Revision: 2181

Added:
   trunk/docs/userguide/en/src/main/docbook/included/calendar.desc.xml
   trunk/docs/userguide/en/src/main/docbook/included/calendar.xml
Log:
added calendar

Added: trunk/docs/userguide/en/src/main/docbook/included/calendar.desc.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/calendar.desc.xml	                        (rev 0)
+++ trunk/docs/userguide/en/src/main/docbook/included/calendar.desc.xml	2007-08-09 17:02:45 UTC (rev 2181)
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<section>
+    <sectioninfo>
+        <keywordset>
+            <keyword>calendar</keyword>
+        </keywordset>
+    </sectioninfo>
+    <section>
+        <para>The <emphasis role="bold">
+                <property>&lt;rich:calendar&gt;</property>
+        </emphasis> component is used for creating monthly calendar elements on the page.</para>
+
+        <mediaobject>
+            <imageobject>
+                <imagedata fileref="images/calendar.png"/>
+            </imageobject>
+        </mediaobject>
+    </section>
+    <section>
+        <title>Key Features</title>
+        <itemizedlist>
+            <listitem>Highly customizable look and feel</listitem>
+            <listitem>Popup representation</listitem>
+            <listitem>Disablement support</listitem>
+            <listitem>Smart and user-defined positioning</listitem>
+            <listitem>Cells customization</listitem>
+            <listitem>Macro substitution based on tool bars customization</listitem>            
+        </itemizedlist>
+    </section>
+</section>

Added: trunk/docs/userguide/en/src/main/docbook/included/calendar.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/calendar.xml	                        (rev 0)
+++ trunk/docs/userguide/en/src/main/docbook/included/calendar.xml	2007-08-09 17:02:45 UTC (rev 2181)
@@ -0,0 +1,244 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<section>
+  <sectioninfo>
+    <keywordset>
+      <keyword>calendar</keyword>
+    </keywordset>
+  </sectioninfo>
+
+  <table>
+    <title>Component identification parameters</title>
+
+    <tgroup cols="2">
+      <thead>
+        <row>
+          <entry>Name</entry>
+
+          <entry>Value</entry>
+        </row>
+      </thead>
+
+      <tbody>
+        <row>
+          <entry>component-type</entry>
+
+          <entry>org.richfaces.Calendar</entry>
+        </row>
+
+        <row>
+          <entry>component-class</entry>
+
+          <entry>org.richfaces.component.html.HtmlCalendar</entry>
+        </row>
+
+        <row>
+          <entry>component-family</entry>
+
+          <entry>org.richfaces.Calendar</entry>
+        </row>
+
+        <row>
+          <entry>renderer-type</entry>
+
+          <entry>org.richfaces.CalendarRenderer</entry>
+        </row>
+
+        <row>
+          <entry>tag-class</entry>
+
+          <entry>org.richfaces.taglib.CalendarTag</entry>
+        </row>
+      </tbody>
+    </tgroup>
+  </table>
+
+  <section>
+    <title>Creating the Component with a Page Tag</title>
+
+    <para>To create the simplest variant on the page use the following syntax:</para>
+
+
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="xml">...
+      &lt;rich:calendar popup="false"/&gt;
+...</programlisting>
+  </section>
+
+  <section>
+    <title>Creating the Component Dynamically Using Java</title>
+
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="java">...
+      org.richfaces.component.html.HtmlCalendar myCalendar = new  org.richfaces.component.html.HtmlCalendar ();
+...</programlisting>
+  </section>
+
+  <!--section>
+    <title>Details of Usage</title>
+
+    <para>All attributes are not required.</para>
+    <para>Use <emphasis>
+        <property>&quot;event&quot;</property>
+      </emphasis> attribute to define an event for appearance of collapsing/expanding sublevels.
+      Default value is <emphasis>
+        <property>&quot;onclick&quot;</property>
+      </emphasis>. An example could be seen below.</para>
+
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="xml">...
+      &lt;rich:panelMenu event="onmouseover"&gt;
+            <&lt;Nested panelMenu components&gt;
+      &lt;/rich:panelMenu&gt;
+...</programlisting>
+
+    <para>Switching mode could be chosen with the <emphasis>
+        <property>&quot;mode&quot;</property>
+      </emphasis> attribute for all panelMenu items except ones where this attribute was redefined.
+      By default all items send traditional request. </para>
+    <para>The <emphasis>
+        <property>&quot;expandMode&quot;</property>
+      </emphasis> attribute defines the submission modes for all collapsing/expanding panelMenu
+      groups except ones where this attribute was redefined. </para>
+    <para>The <emphasis>
+        <property>&quot;mode&quot;</property>
+      </emphasis> and <emphasis>
+        <property>&quot;expandMode&quot;</property>
+      </emphasis> attributes could be used with three possible parameters.</para>
+
+    <itemizedlist>
+      <listitem>
+        <para>Server (default)</para>
+      </listitem>
+    </itemizedlist>
+
+    <para>The common submission of the form is performed and a page is completely refreshed.</para>
+
+    <itemizedlist>
+      <listitem>
+        <para>Ajax</para>
+      </listitem>
+    </itemizedlist>
+
+    <para>An Ajax form submission is performed additionally specified elements in the <emphasis>
+        <property>&quot;reRender&quot;</property>
+      </emphasis> attribute are reRendered.</para>
+
+    <itemizedlist>
+      <listitem>
+        <para>None</para>
+      </listitem>
+    </itemizedlist>
+
+    <para><emphasis>
+        <property>&quot;Action&quot;</property>
+      </emphasis> and <emphasis>
+        <property>&quot;ActionListener&quot;</property>
+      </emphasis> attributes are ignored. Items don&apos;t fire any submits itself. Behavior is
+      fully defined by the components nested to items. Groups expand on the client side.</para>
+
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="xml">...
+      &lt;rich:panelMenu event="onclick" submitMode="none"&gt;
+            &lt; rich:panelMenuItem label="Link to external page"&gt;
+                  &lt;h:outputLink ... &gt;
+            &lt;rich:panelMenuItem&gt;
+      &lt;/rich:panelMenu&gt;
+...</programlisting>
+
+    <note><title>Note:</title> As the <emphasis role="bold">
+        <property>&lt;rich:panelMenu&gt;</property>
+      </emphasis> component doesn&apos;t provide its own form, use it between
+      &lt;h:form&gt; and &lt;/h:form&gt; tags.</note>
+
+    <para>The <emphasis>
+        <property>&quot;expandSingle&quot;</property>
+      </emphasis> attribute is defined for expanding more than one submenu on the same level. The
+      default value is <emphasis>
+        <property>&quot;false&quot;</property>
+      </emphasis>. If it&apos;s true the previously opened group on the top level closes before
+      opening another one. See the picture below.</para>
+
+    <figure>
+      <title>Using the &quot;expandSingle&quot; attribute</title>
+
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/panelMenu1.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+
+    <para>The <emphasis>
+        <property>&quot;selectedChild&quot;</property>
+      </emphasis> attribute is used for defining the name of the selected group or item. An example
+      for group is placed below:</para>
+
+    <para>Here is an example:</para>
+
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="xml">...
+      &lt;rich:panelMenu selectedChild="thisChild"&gt;
+        &lt;rich:panelMenuGroup label="Group1" name="thisChild"&gt;
+          &lt;!ested panelMenu components&gt;
+        &lt;/rich:panelMenuGroup&gt;
+      &lt;/rich:panelMenu&gt;
+...</programlisting>
+  </section>
+
+  <section>
+    <title>JavaScript API</title>
+    <para>In Java Script code for expanding/collapsing group element creation it&apos;s
+      necessary to use doExpand()/doCollapse() function.</para>
+
+    <table>
+      <title>JavaScript API</title>
+
+      <tgroup cols="2">
+        <thead>
+          <row>
+            <entry>Function</entry>
+
+            <entry>Description</entry>
+          </row>
+        </thead>
+
+        <tbody>
+          <row>
+            <entry>doExpand()</entry>
+
+            <entry>Expand group element</entry>
+          </row>
+
+          <row>
+            <entry>doCollapse()</entry>
+
+            <entry>Collapse group element</entry>
+          </row>
+        </tbody>
+      </tgroup>
+    </table>
+
+  </section>
+
+
+  <section>
+    <title>Look-and-Feel Customization</title>
+
+    <para>As this component is just a wrapper for its children its provide the only
+      &quot;rich-panel-menu&quot; class for wrapper div element. To redefine appearance of
+      particular panel menus, it&apos;s possible to define your own CSS class. And then just
+      define it in the components class attribute. </para>
+
+  </section-->
+
+</section>




More information about the richfaces-svn-commits mailing list