JBoss Rich Faces SVN: r2217 - in trunk/samples/richfaces-demo/src/main: webapp/templates/include and 1 other directory.
by richfaces-svn-commits@lists.jboss.org
Author: vkorluzhenko
Date: 2007-08-13 08:01:08 -0400 (Mon, 13 Aug 2007)
New Revision: 2217
Modified:
trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties
trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml
Log:
http://jira.jboss.com/jira/browse/RF-523
Modified: trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties
===================================================================
--- trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-08-13 10:28:16 UTC (rev 2216)
+++ trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-08-13 12:01:08 UTC (rev 2217)
@@ -1,65 +1,65 @@
# list of components in comma-separated format
#id=name,iconImage,captionImage,devGuideLocation,tldDocLocation,javaDocLocation
-panel= richOutputs, Panel, /images/ico_panel.gif, /images/cn_panel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/panel.jsf
-separator= richOutputs, Separator, /images/ico_separator.gif, /images/cn_separator.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/separator.jsf
-spacer= richOutputs, Spacer, /images/ico_spacer.gif, /images/cn_spacer.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/spacer.jsf
-tabPanel= richOutputs, Tab Panel, /images/ico_tabpanel.gif, /images/cn_tabpanel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/tabPanel.jsf
-inputNumberSlider= richInputs, Input Number Slider, /images/ico_slider.gif, /images/cn_slider.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/inputNumberSlider.jsf
-inputNumberSpinner= richInputs, Input Number Spinner, /images/ico_spinner.gif, /images/cn_spinner.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/inputNumberSpinner.jsf
-dataFilterSlider= richDataIterators, Data Filter Slider, /images/ico_DataFilterSlider.gif, /images/cn_DataFilterSlider.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dataFilterSlider.jsf
-dataTable= richDataIterators, Data Table, /images/ico_DataTable.gif, /images/cn_DataTable.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dataTable.jsf
-column= richDataIterators, Column, /images/ico_DataTable.gif, /images/cn_Column.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dataTable.jsf
-columnGroup= richDataIterators, Column Group, /images/ico_DataTable.gif, /images/cn_ColumnGroup.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dataTable.jsf
-dataDefinitionList= richDataIterators, Data Definition List, /images/ico_DataTable.gif, /images/cn_DataDefinitionList.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-dataGrid= richDataIterators, Data Grid, /images/ico_DataTable.gif, /images/cn_DataGrid.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-dataList= richDataIterators, Data List, /images/ico_DataTable.gif, /images/cn_DataList.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-dataOrderedList= richDataIterators, Data Ordered List, /images/ico_DataTable.gif, /images/cn_DataOrderedList.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-gmap= richMisc, Google Map, /images/ico_GoogleMap.gif, /images/cn_GoogleMap.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/gmap.jsf
-paint2d= richOutputs, Paint2D, /images/ico_Paint2D.gif, /images/cn_Paint2D.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/paint2D.jsf
-toolBar= richOutputs, Tool Bar, /images/ico_ToolBar.gif, /images/cn_ToolBar.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/toolBar.jsf
-toolTip= richOutputs, ToolTip, /images/ico_panel.gif, /images/cn_ToolTip.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/toolTip.jsf
-simpleTogglePanel= richOutputs, Simple Toggle Panel, /images/ico_SimpleTogglePanel.gif, /images/cn_SimpleTogglePanel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/simpleTogglePanel.jsf
-dragIndicator= richDragDrop, Drag Indicator, /images/ico_DragIndicator.gif, /images/cn_DragIndicator.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dragSupport.jsf
-dragSupport= richDragDrop, Drag Support, /images/ico_DragSupport.gif, /images/cn_DragSupport.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dragSupport.jsf
-dropSupport= richDragDrop, Drop Support, /images/ico_DropSupport.gif, /images/cn_DropSupport.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dragSupport.jsf
-dndParam= richDragDrop, Drag-Drop Parameter, /images/ico_DropSupport.gif, /images/cn_DragDropParameter.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dragSupport.jsf
-panelBar= richOutputs, Panel Bar, /images/ico_PanelBar.gif, /images/cn_PanelBar.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/panelBar.jsf
-tree= richOutputs, Tree, /images/ico_Tree.gif, /images/cn_tree.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/tree.jsf
-modalPanel= richOutputs, Modal Panel, /images/ico_ModalPanel.gif, /images/cn_ModalPanel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/modalPanel.jsf
-togglePanel= richOutputs, Toggle Panel, /images/ico_TogglePanel.gif, /images/cn_TogglePanel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/togglePanel.jsf
-suggestionBox= richInputs, Suggestion Box, /images/ico_SuggestionBox.gif, /images/cn_SuggestionBox.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/suggestionBox.jsf
-dataTableScroller= richDataIterators, Data Table Scroller, /images/ico_DataTableScroller.gif, /images/cn_DataTableScroller.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dataTableScroller.jsf
-dropDownMenu= richMenu, Drop Down Menu, /images/ico_dropDownMenu.gif, /images/cn_DropDownMenu.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dropDownMenu.jsf
-menuGroup= richMenu, Menu Group, /images/ico_dropDownMenu.gif, /images/cn_MenuGroup.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dropDownMenu.jsf
-menuItem= richMenu, Menu Item, /images/ico_dropDownMenu.gif, /images/cn_MenuItem.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dropDownMenu.jsf
-menuSeparator= richMenu, Menu Separator, /images/ico_dropDownMenu.gif, /images/cn_MenuSeparator.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dropDownMenu.jsf
-ajaxattributes= ajaxSupport, Ajax Attributes, /images/ico_common.gif, /images/cn_ajaxAttributes.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/ajaxAttributes.jsf
-actionparam= ajaxSupport, Action Parameter, /images/ico_common.gif, /images/cn_actionParameter.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/actionparam.jsf
-commandButton= ajaxSupport, Command Button, /images/ico_common.gif, /images/cn_commandButton.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/commandButton.jsf
-commandLink= ajaxSupport, Command Link, /images/ico_common.gif, /images/cn_commandLink.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/commandLink.jsf
-form= ajaxSupport, Ajax Form, /images/ico_common.gif, /images/cn_ajaxForm.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/form.jsf
-support= ajaxSupport, Ajax Support, /images/ico_common.gif, /images/cn_ajaxSupport.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/support.jsf
-jsFunction= ajaxSupport, JavaScript Function, /images/ico_common.gif, /images/cn_jsFunction.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/jsFunction.jsf
-poll= ajaxSupport, Poll, /images/ico_common.gif, /images/cn_poll.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/poll.jsf
-push= ajaxSupport, Push, /images/ico_common.gif, /images/cn_push.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-status= ajaxSupport, Status, /images/ico_common.gif, /images/cn_status.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/status.jsf
-ajaxListener= ajaxSupport, Ajax Listener, /images/ico_common.gif, /images/cn_ajaxListener.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/ajaxListener.jsf
-region= ajaxSupport, Ajax Region, /images/ico_common.gif, /images/cn_ajaxRegion.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/region.jsf
-loadBundle= ajaxResources, Bundle, /images/ico_common.gif, /images/cn_Bundle.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/bundle.jsf
-loadScript= ajaxResources, Script, /images/ico_common.gif, /images/cn_Script.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/script.jsf
-loadStyle= ajaxResources, Style, /images/ico_common.gif, /images/cn_Style.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/style.jsf
-keepAlive= ajaxResources, Keep Alive, /images/ico_common.gif, /images/cn_KeepAlive.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/keepAlive.jsf
-include= ajaxOutput, Include, /images/ico_common.gif, /images/cn_Include.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-mediaOutput= ajaxOutput, Media Output, /images/ico_common.gif, /images/cn_MediaOutput.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-outputPanel= ajaxOutput, Output Panel, /images/ico_common.gif, /images/cn_OutputPanel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-repeat= richDataIterators, Repeat, /images/ico_common.gif, /images/cn_Repeat.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-htmlCommandLink= ajaxMisc, Html Command Link, /images/ico_common.gif, /images/cn_HtmlCommandLink.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-log= ajaxMisc, Log, /images/ico_common.gif, /images/cn_Log.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-page= ajaxMisc, Ajax Page, /images/ico_common.gif, /images/cn_AjaxPage.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-portlet= ajaxMisc, Ajax Portlet, /images/ico_common.gif, /images/cn_AjaxPortlet.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-calendar= richInputs, Calendar, /images/ico_common.gif, /images/cn_Calendar.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-message= richMisc, Message, /images/ico_common.gif, /images/cn_Message.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-messages= richMisc, Messages, /images/ico_common.gif, /images/cn_Messages.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-virtualEarth= richMisc, Virtual Earth, /images/ico_VirtualEarth.gif, /images/cn_VirtualEarth.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
-effect= richMisc, Effect, /images/ico_common.gif, /images/cn_Effect.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/effect.jsf
-scrollableGrid= richDataIterators, Scrollable Data Grid, /images/ico_common.gif, /images/cn_ScrollableDataGrid.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/comingSoon.jsf
+panel= richOutputs, Panel, /images/ico_panel.gif, /images/cn_panel.gif, RichFacesComponentsLibrary.html#panel, jbossrichfaces/freezone/docs/tlddoc/rich/panel.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIPanel.html, /richfaces/panel.jsf
+separator= richOutputs, Separator, /images/ico_separator.gif, /images/cn_separator.gif, RichFacesComponentsLibrary.html#separator, jbossrichfaces/freezone/docs/tlddoc/rich/separator.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UISeparator.html, /richfaces/separator.jsf
+spacer= richOutputs, Spacer, /images/ico_spacer.gif, /images/cn_spacer.gif, RichFacesComponentsLibrary.html#spacer, jbossrichfaces/freezone/docs/tlddoc/rich/spacer.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UISpacer.html, /richfaces/spacer.jsf
+tabPanel= richOutputs, Tab Panel, /images/ico_tabpanel.gif, /images/cn_tabpanel.gif, RichFacesComponentsLibrary.html#tabPanel, jbossrichfaces/freezone/docs/tlddoc/rich/tabPanel.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UITabPanel.html, /richfaces/tabPanel.jsf
+inputNumberSlider= richInputs, Input Number Slider, /images/ico_slider.gif, /images/cn_slider.gif, RichFacesComponentsLibrary.html#inputNumberSlider, jbossrichfaces/freezone/docs/tlddoc/rich/inputNumberSlider.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIInputNumberSlider.html, /richfaces/inputNumberSlider.jsf
+inputNumberSpinner= richInputs, Input Number Spinner, /images/ico_spinner.gif, /images/cn_spinner.gif, RichFacesComponentsLibrary.html#inputNumberSpinner, jbossrichfaces/freezone/docs/tlddoc/rich/inputNumberSpinner.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIInputNumberSpinner.html, /richfaces/inputNumberSpinner.jsf
+dataFilterSlider= richDataIterators, Data Filter Slider, /images/ico_DataFilterSlider.gif, /images/cn_DataFilterSlider.gif, RichFacesComponentsLibrary.html#dataFilterSlider, jbossrichfaces/freezone/docs/tlddoc/rich/dataFilterSlider.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDataFltrSlider.html, /richfaces/dataFilterSlider.jsf
+dataTable= richDataIterators, Data Table, /images/ico_DataTable.gif, /images/cn_DataTable.gif, RichFacesComponentsLibrary.html#dataTable, jbossrichfaces/freezone/docs/tlddoc/rich/dataTable.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDataTable.html, /richfaces/dataTable.jsf
+column= richDataIterators, Column, /images/ico_DataTable.gif, /images/cn_Column.gif, RichFacesComponentsLibrary.html#column, jbossrichfaces/freezone/docs/tlddoc/rich/column.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIColumn.html, /richfaces/dataTable.jsf
+columnGroup= richDataIterators, Column Group, /images/ico_DataTable.gif, /images/cn_ColumnGroup.gif, RichFacesComponentsLibrary.html#columnGroup, jbossrichfaces/freezone/docs/tlddoc/rich/columnGroup.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIColumnGroup.html, /richfaces/dataTable.jsf
+dataDefinitionList= richDataIterators, Data Definition List, /images/ico_DataTable.gif, /images/cn_DataDefinitionList.gif, RichFacesComponentsLibrary.html#dataDefinitionList, jbossrichfaces/freezone/docs/tlddoc/rich/dataDefinitionList.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDataDefinitionList.html, /richfaces/comingSoon.jsf
+dataGrid= richDataIterators, Data Grid, /images/ico_DataTable.gif, /images/cn_DataGrid.gif, RichFacesComponentsLibrary.html#dataGrid, jbossrichfaces/freezone/docs/tlddoc/rich/dataGrid.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDataGrid.html, /richfaces/comingSoon.jsf
+dataList= richDataIterators, Data List, /images/ico_DataTable.gif, /images/cn_DataList.gif, RichFacesComponentsLibrary.html#dataList, jbossrichfaces/freezone/docs/tlddoc/rich/dataList.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDataList.html, /richfaces/comingSoon.jsf
+dataOrderedList= richDataIterators, Data Ordered List, /images/ico_DataTable.gif, /images/cn_DataOrderedList.gif, RichFacesComponentsLibrary.html#dataOrderedList, jbossrichfaces/freezone/docs/tlddoc/rich/dataOrderedList.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/taglib/DataOrderedListTag.html, /richfaces/comingSoon.jsf
+gmap= richMisc, Google Map, /images/ico_GoogleMap.gif, /images/cn_GoogleMap.gif, RichFacesComponentsLibrary.html#gmap, jbossrichfaces/freezone/docs/tlddoc/rich/gmap.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIGmap.html, /richfaces/gmap.jsf
+paint2d= richOutputs, Paint2D, /images/ico_Paint2D.gif, /images/cn_Paint2D.gif, RichFacesComponentsLibrary.html#paint2D, jbossrichfaces/freezone/docs/tlddoc/rich/paint2D.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIPaint2D.html, /richfaces/paint2D.jsf
+toolBar= richOutputs, Tool Bar, /images/ico_ToolBar.gif, /images/cn_ToolBar.gif, RichFacesComponentsLibrary.html#toolBar, jbossrichfaces/freezone/docs/tlddoc/rich/toolBar.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIToolBar.html, /richfaces/toolBar.jsf
+toolTip= richOutputs, ToolTip, /images/ico_panel.gif, /images/cn_ToolTip.gif, RichFacesComponentsLibrary.html#toolTip, jbossrichfaces/freezone/docs/tlddoc/rich/toolTip.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIToolTip.html, /richfaces/toolTip.jsf
+simpleTogglePanel= richOutputs, Simple Toggle Panel, /images/ico_SimpleTogglePanel.gif, /images/cn_SimpleTogglePanel.gif, RichFacesComponentsLibrary.html#simpleTogglePanel, jbossrichfaces/freezone/docs/tlddoc/rich/simpleTogglePanel.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UISimpleTogglePanel.html, /richfaces/simpleTogglePanel.jsf
+dragIndicator= richDragDrop, Drag Indicator, /images/ico_DragIndicator.gif, /images/cn_DragIndicator.gif, RichFacesComponentsLibrary.html#dragIndicator, jbossrichfaces/freezone/docs/tlddoc/rich/dragIndicator.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDragIndicator.html, /richfaces/dragSupport.jsf
+dragSupport= richDragDrop, Drag Support, /images/ico_DragSupport.gif, /images/cn_DragSupport.gif, RichFacesComponentsLibrary.html#dragSupport, jbossrichfaces/freezone/docs/tlddoc/rich/dragSupport.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDragSupport.html, /richfaces/dragSupport.jsf
+dropSupport= richDragDrop, Drop Support, /images/ico_DropSupport.gif, /images/cn_DropSupport.gif, RichFacesComponentsLibrary.html#dropSupport, jbossrichfaces/freezone/docs/tlddoc/rich/dropSupport.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDropSupport.html, /richfaces/dragSupport.jsf
+dndParam= richDragDrop, Drag-Drop Parameter, /images/ico_DropSupport.gif, /images/cn_DragDropParameter.gif, RichFacesComponentsLibrary.html#dndParam, jbossrichfaces/freezone/docs/tlddoc/rich/dndParam.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDndParam.html, /richfaces/dragSupport.jsf
+panelBar= richOutputs, Panel Bar, /images/ico_PanelBar.gif, /images/cn_PanelBar.gif, RichFacesComponentsLibrary.html#panelBar, jbossrichfaces/freezone/docs/tlddoc/rich/panelBar.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIPanelBar.html, /richfaces/panelBar.jsf
+tree= richOutputs, Tree, /images/ico_Tree.gif, /images/cn_tree.gif, RichFacesComponentsLibrary.html#tree, jbossrichfaces/freezone/docs/tlddoc/rich/tree.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UITree.html, /richfaces/tree.jsf
+modalPanel= richOutputs, Modal Panel, /images/ico_ModalPanel.gif, /images/cn_ModalPanel.gif, RichFacesComponentsLibrary.html#modalPanel, jbossrichfaces/freezone/docs/tlddoc/rich/modalPanel.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIModalPanel.html, /richfaces/modalPanel.jsf
+togglePanel= richOutputs, Toggle Panel, /images/ico_TogglePanel.gif, /images/cn_TogglePanel.gif, RichFacesComponentsLibrary.html#togglePanel, jbossrichfaces/freezone/docs/tlddoc/rich/togglePanel.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UITogglePanel.html, /richfaces/togglePanel.jsf
+suggestionBox= richInputs, Suggestion Box, /images/ico_SuggestionBox.gif, /images/cn_SuggestionBox.gif, RichFacesComponentsLibrary.html#suggestionbox, jbossrichfaces/freezone/docs/tlddoc/rich/suggestionbox.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UISuggestionBox.html, /richfaces/suggestionBox.jsf
+dataTableScroller= richDataIterators, Data Table Scroller, /images/ico_DataTableScroller.gif, /images/cn_DataTableScroller.gif, RichFacesComponentsLibrary.html#datascroller, jbossrichfaces/freezone/docs/tlddoc/rich/datascroller.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDatascroller.html, /richfaces/dataTableScroller.jsf
+dropDownMenu= richMenu, Drop Down Menu, /images/ico_dropDownMenu.gif, /images/cn_DropDownMenu.gif, RichFacesComponentsLibrary.html#dropDownMenu, jbossrichfaces/freezone/docs/tlddoc/rich/dropDownMenu.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIDropDownMenu.html, /richfaces/dropDownMenu.jsf
+menuGroup= richMenu, Menu Group, /images/ico_dropDownMenu.gif, /images/cn_MenuGroup.gif, RichFacesComponentsLibrary.html#menuGroup, jbossrichfaces/freezone/docs/tlddoc/rich/menuGroup.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIMenuGroup.html, /richfaces/dropDownMenu.jsf
+menuItem= richMenu, Menu Item, /images/ico_dropDownMenu.gif, /images/cn_MenuItem.gif, RichFacesComponentsLibrary.html#menuItem, jbossrichfaces/freezone/docs/tlddoc/rich/menuItem.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIMenuItem.html, /richfaces/dropDownMenu.jsf
+menuSeparator= richMenu, Menu Separator, /images/ico_dropDownMenu.gif, /images/cn_MenuSeparator.gif, RichFacesComponentsLibrary.html#menuSeparator, jbossrichfaces/freezone/docs/tlddoc/rich/menuSeparator.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIMenuSeparator.html, /richfaces/dropDownMenu.jsf
+calendar= richInputs, Calendar, /images/ico_common.gif, /images/cn_Calendar.gif, RichFacesComponentsLibrary.html#calendar, jbossrichfaces/freezone/docs/tlddoc/rich/calendar.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UICalendar.html, /richfaces/comingSoon.jsf
+message= richMisc, Message, /images/ico_common.gif, /images/cn_Message.gif, RichFacesComponentsLibrary.html#message, jbossrichfaces/freezone/docs/tlddoc/rich/message.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIMessage.html, /richfaces/comingSoon.jsf
+messages= richMisc, Messages, /images/ico_common.gif, /images/cn_Messages.gif, RichFacesComponentsLibrary.html#messages, jbossrichfaces/freezone/docs/tlddoc/rich/messages.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIMessages.html, /richfaces/comingSoon.jsf
+virtualEarth= richMisc, Virtual Earth, /images/ico_VirtualEarth.gif, /images/cn_VirtualEarth.gif, RichFacesComponentsLibrary.html#virtualEarth, jbossrichfaces/freezone/docs/tlddoc/rich/virtualEarth.html, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIVirtualEarth.html, /richfaces/comingSoon.jsf
+scrollableGrid= richDataIterators, Scrollable Data Grid, /images/ico_common.gif, /images/cn_ScrollableDataGrid.gif, RichFacesComponentsLibrary.html#scrollableGrid, jbossrichfaces/freezone/docs/tlddoc/rich/scrollableGrid, jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIScrollableGrid.html, /richfaces/comingSoon.jsf
+ajaxattributes= ajaxSupport, Ajax Attributes, /images/ico_common.gif, /images/cn_ajaxAttributes.gif, ArchitectureOverview.html, jbossajax4jsf/freezone/docs/tlddoc/overview-summary.html, jbossajax4jsf/freezone/docs/apidoc/overview-summary.html, /richfaces/ajaxAttributes.jsf
+actionparam= ajaxSupport, Action Parameter, /images/ico_common.gif, /images/cn_actionParameter.gif, RichFacesComponentsLibrary.html#actionparam, jbossajax4jsf/freezone/docs/tlddoc/a4j/actionparam.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIActionParameter.html, /richfaces/actionparam.jsf
+commandButton= ajaxSupport, Command Button, /images/ico_common.gif, /images/cn_commandButton.gif, RichFacesComponentsLibrary.html#commandButton, jbossajax4jsf/freezone/docs/tlddoc/a4j/commandButton.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxCommandButton.html, /richfaces/commandButton.jsf
+commandLink= ajaxSupport, Command Link, /images/ico_common.gif, /images/cn_commandLink.gif, RichFacesComponentsLibrary.html#commandLink, jbossajax4jsf/freezone/docs/tlddoc/a4j/commandLink.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxCommandLink.html, /richfaces/commandLink.jsf
+form= ajaxSupport, Ajax Form, /images/ico_common.gif, /images/cn_ajaxForm.gif, RichFacesComponentsLibrary.html#form, jbossajax4jsf/freezone/docs/tlddoc/a4j/form.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxForm.html, /richfaces/form.jsf
+support= ajaxSupport, Ajax Support, /images/ico_common.gif, /images/cn_ajaxSupport.gif, RichFacesComponentsLibrary.html#support, jbossajax4jsf/freezone/docs/tlddoc/a4j/support.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxSupport.html, /richfaces/support.jsf
+jsFunction= ajaxSupport, JavaScript Function, /images/ico_common.gif, /images/cn_jsFunction.gif, RichFacesComponentsLibrary.html#jsFunction, jbossajax4jsf/freezone/docs/tlddoc/a4j/jsFunction.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxFunction.html, /richfaces/jsFunction.jsf
+poll= ajaxSupport, Poll, /images/ico_common.gif, /images/cn_poll.gif, RichFacesComponentsLibrary.html#poll, jbossajax4jsf/freezone/docs/tlddoc/a4j/poll.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIPoll.html, /richfaces/poll.jsf
+push= ajaxSupport, Push, /images/ico_common.gif, /images/cn_push.gif, RichFacesComponentsLibrary.html#push, jbossajax4jsf/freezone/docs/tlddoc/a4j/push.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIPush.html, /richfaces/comingSoon.jsf
+status= ajaxSupport, Status, /images/ico_common.gif, /images/cn_status.gif, RichFacesComponentsLibrary.html#status, jbossajax4jsf/freezone/docs/tlddoc/a4j/status.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxStatus.html, /richfaces/status.jsf
+ajaxListener= ajaxSupport, Ajax Listener, /images/ico_common.gif, /images/cn_ajaxListener.gif, RichFacesComponentsLibrary.html#ajaxListener, jbossajax4jsf/freezone/docs/tlddoc/a4j/ajaxListener.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/taglib/html/jsp/AjaxListenerTag.html, /richfaces/ajaxListener.jsf
+region= ajaxSupport, Ajax Region, /images/ico_common.gif, /images/cn_ajaxRegion.gif, RichFacesComponentsLibrary.html#region, jbossajax4jsf/freezone/docs/tlddoc/a4j/region.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxRegion.html, /richfaces/region.jsf
+loadBundle= ajaxResources, Bundle, /images/ico_common.gif, /images/cn_Bundle.gif, RichFacesComponentsLibrary.html#loadBundle, jbossajax4jsf/freezone/docs/tlddoc/a4j/loadBundle.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UILoadBundle.html, /richfaces/bundle.jsf
+loadScript= ajaxResources, Script, /images/ico_common.gif, /images/cn_Script.gif, RichFacesComponentsLibrary.html#loadScript, jbossajax4jsf/freezone/docs/tlddoc/a4j/loadScript.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIResource.html, /richfaces/script.jsf
+loadStyle= ajaxResources, Style, /images/ico_common.gif, /images/cn_Style.gif, RichFacesComponentsLibrary.html#loadStyle, jbossajax4jsf/freezone/docs/tlddoc/a4j/loadStyle.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIResource.html, /richfaces/style.jsf
+keepAlive= ajaxResources, Keep Alive, /images/ico_common.gif, /images/cn_KeepAlive.gif, RichFacesComponentsLibrary.html#keepAlive, jbossajax4jsf/freezone/docs/tlddoc/a4j/keepAlive.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/taglib/html/jsp/KeepAliveTag.html, /richfaces/keepAlive.jsf
+include= ajaxOutput, Include, /images/ico_common.gif, /images/cn_Include.gif, RichFacesComponentsLibrary.html#include, jbossajax4jsf/freezone/docs/tlddoc/a4j/include.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIInclude.html, /richfaces/comingSoon.jsf
+mediaOutput= ajaxOutput, Media Output, /images/ico_common.gif, /images/cn_MediaOutput.gif, RichFacesComponentsLibrary.html#mediaOutput, jbossajax4jsf/freezone/docs/tlddoc/a4j/mediaOutput.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/resource/UIMediaOutput.html, /richfaces/comingSoon.jsf
+outputPanel= ajaxOutput, Output Panel, /images/ico_common.gif, /images/cn_OutputPanel.gif, RichFacesComponentsLibrary.html#outputPanel, jbossajax4jsf/freezone/docs/tlddoc/a4j/outputPanel.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxOutputPanel.html, /richfaces/comingSoon.jsf
+repeat= richDataIterators, Repeat, /images/ico_common.gif, /images/cn_Repeat.gif, RichFacesComponentsLibrary.html#repeat, jbossajax4jsf/freezone/docs/tlddoc/a4j/repeat.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/repeat/UIRepeat.html, /richfaces/comingSoon.jsf
+htmlCommandLink= ajaxMisc, Html Command Link, /images/ico_common.gif, /images/cn_HtmlCommandLink.gif, RichFacesComponentsLibrary.html#htmlCommandLink, jbossajax4jsf/freezone/docs/tlddoc/a4j/htmlCommandLink.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/renderkit/html/HtmlCommandLinkRenderer.html, /richfaces/comingSoon.jsf
+log= ajaxMisc, Log, /images/ico_common.gif, /images/cn_Log.gif, RichFacesComponentsLibrary.html#log, jbossajax4jsf/freezone/docs/tlddoc/a4j/log.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxLog.html, /richfaces/comingSoon.jsf
+page= ajaxMisc, Ajax Page, /images/ico_common.gif, /images/cn_AjaxPage.gif, RichFacesComponentsLibrary.html#page, jbossajax4jsf/freezone/docs/tlddoc/a4j/page.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIAjaxRegion.html, /richfaces/comingSoon.jsf
+portlet= ajaxMisc, Ajax Portlet, /images/ico_common.gif, /images/cn_AjaxPortlet.gif, RichFacesComponentsLibrary.html#portlet, jbossajax4jsf/freezone/docs/tlddoc/a4j/portlet.html, jbossajax4jsf/freezone/docs/apidoc/org/ajax4jsf/ajax/UIPortlet.html, /richfaces/comingSoon.jsf
+effect= richMisc, Effect, /images/ico_common.gif, /images/cn_Effect.gif, ArchitectureOverview.html, jbossrichfaces/freezone/docs/tlddoc/overview-summary.html, jbossrichfaces/freezone/docs/apidoc/overview-summary.html, /richfaces/effect.jsf
Modified: trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml 2007-08-13 10:28:16 UTC (rev 2216)
+++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml 2007-08-13 12:01:08 UTC (rev 2217)
@@ -5,12 +5,13 @@
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<ui:composition>
+<f:loadBundle var="path" basename="org/richfaces/demo/common/path"/>
<rich:panel styleClass="panel_documents">
<strong>#{componentNavigator.currentComponent.name}</strong>
<ul>
- <li><h:outputLink value="#{componentNavigator.currentComponent.devGuideLocation}">Developers Guide</h:outputLink></li>
- <li><h:outputLink value="#{componentNavigator.currentComponent.tldDocLocation}">Tld Documentation</h:outputLink></li>
- <li><h:outputLink value="#{componentNavigator.currentComponent.javaDocLocation}">Component Class Documentation</h:outputLink></li>
+ <li><h:outputLink value="#{path.dgPath}#{componentNavigator.currentComponent.devGuideLocation}">Developers Guide</h:outputLink></li>
+ <li><h:outputLink value="#{path.tldPath}#{componentNavigator.currentComponent.tldDocLocation}">Tld Documentation</h:outputLink></li>
+ <li><h:outputLink value="#{path.apiPath}#{componentNavigator.currentComponent.javaDocLocation}">Component Class Documentation</h:outputLink></li>
</ul>
</rich:panel>
</ui:composition>
18 years, 8 months
JBoss Rich Faces SVN: r2216 - trunk/test-applications/jsp/src/main/webapp/WEB-INF.
by richfaces-svn-commits@lists.jboss.org
Author: ayanul
Date: 2007-08-13 06:28:16 -0400 (Mon, 13 Aug 2007)
New Revision: 2216
Modified:
trunk/test-applications/jsp/src/main/webapp/WEB-INF/faces-config.xml
Log:
update
Modified: trunk/test-applications/jsp/src/main/webapp/WEB-INF/faces-config.xml
===================================================================
--- trunk/test-applications/jsp/src/main/webapp/WEB-INF/faces-config.xml 2007-08-13 03:44:40 UTC (rev 2215)
+++ trunk/test-applications/jsp/src/main/webapp/WEB-INF/faces-config.xml 2007-08-13 10:28:16 UTC (rev 2216)
@@ -118,18 +118,4 @@
<to-view-id>/Panel/Panel.jsp</to-view-id>
</navigation-case>
</navigation-rule>
- <navigation-rule>
- <from-view-id>/DragAndDrop/DragAndDrop.jsp</from-view-id>
- <navigation-case>
- <from-outcome>DnDDemo</from-outcome>
- <to-view-id>/DragAndDrop/DnD.jsp</to-view-id>
- </navigation-case>
- </navigation-rule>
- <navigation-rule>
- <from-view-id>/DragAndDrop/DnD.jsp</from-view-id>
- <navigation-case>
- <from-outcome>DragAndDrop</from-outcome>
- <to-view-id>/DragAndDrop/DragAndDrop.jsp</to-view-id>
- </navigation-case>
- </navigation-rule>
</faces-config>
18 years, 8 months
JBoss Rich Faces SVN: r2215 - in trunk: samples/richfaces-demo/src/main/webapp/richfaces/effect and 5 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: SergeySmirnov
Date: 2007-08-12 23:44:40 -0400 (Sun, 12 Aug 2007)
New Revision: 2215
Modified:
trunk/samples/effect-sample/src/main/webapp/effect.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml
trunk/ui/effect/src/main/config/component/effect.xml
trunk/ui/effect/src/main/java/org/richfaces/component/UIEffect.java
trunk/ui/effect/src/main/resources/org/richfaces/renderkit/html/script/processEffect.js
trunk/ui/effect/src/main/templates/effect.jspx
Log:
refactoring for effect
Modified: trunk/samples/effect-sample/src/main/webapp/effect.xhtml
===================================================================
--- trunk/samples/effect-sample/src/main/webapp/effect.xhtml 2007-08-12 23:41:51 UTC (rev 2214)
+++ trunk/samples/effect-sample/src/main/webapp/effect.xhtml 2007-08-13 03:44:40 UTC (rev 2215)
@@ -46,9 +46,59 @@
<h:outputText value="JSF Component with Event:" />
<h:form id="myform2">
- <h:panelGrid id="mypanel2" border="1" style="background-color:#CCC">
+ <h:panelGrid id="mypanel2" border="1" style="background-color:#CCC">
<e:effect event="onclick" type="Opacity" params="duration:0.5,from:0.4,to:1.0"/>
<e:effect event="onmouseout" type="Opacity" params="duration:0.5,from:1.0,to:0.4"/>
+
+ <h:outputText value="Panel Content" />
+ </h:panelGrid>
+ </h:form>
+
+
+ <h:outputText value="JSF Component with Event and non-jsf target. Click panel" />
+
+ <h:form id="myform2a">
+ <h:panelGrid id="mypanel2a" border="1" style="background-color:#CCC">
+ <e:effect event="onclick" targetId="my2a" type="Opacity" params="duration:0.5,from:0.4,to:1.0"/>
+ <e:effect event="onmouseout" type="Opacity" params="targetId:'my2a',duration:0.5,from:1.0,to:0.4"/>
+
+ <h:outputText value="Panel Content" />
+ </h:panelGrid>
+
+ </h:form>
+
+ <div id="my2a" style="width:100px;height:10px;background-color:blue"> </div>
+
+ <h:outputText value="JSF Component with Event and jsf target. Click panel" />
+
+ <h:form id="myform2b">
+
+ <h:panelGrid id="my2b" style="width:100px;height:10px;background-color:blue">
+ <h:outputText value="jsf panelGrid"/>
+ </h:panelGrid>
+
+
+ <h:panelGrid id="mypanel2b" border="1" style="background-color:#CCC">
+ <e:effect event="onclick" targetId="my2b" type="Opacity" params="duration:0.5,from:0.4,to:1.0"/>
+ <e:effect event="onmouseout" targetId="my2b" type="Opacity" params="duration:0.5,from:1.0,to:0.4"/>
+
+ <h:outputText value="Panel Content" />
+ </h:panelGrid>
+
+
+
+
+ </h:form>
+
+
+
+
+ <h:outputText value="JSF Component with Event. Client wiring:" />
+
+ <h:form id="myform3">
+ <h:panelGrid id="mypanel3" border="1" style="background-color:#CCC">
+ <e:effect event="onclick" for="mypanel3" type="Opacity" params="duration:0.5,from:0.4,to:1.0"/>
+ <e:effect event="onmouseout" for="mypanel3" type="Opacity" params="duration:0.5,from:1.0,to:0.4"/>
<f:facet name="header">
<h:outputText value="Panel Header" />
</f:facet>
@@ -57,28 +107,33 @@
</h:panelGrid>
</h:form>
+
<div id="my2" style="width:100px;height:100px;background-color:blue"> </div>
<script>
- var ob = document.getElementById("my");
+ var ob = document.getElementById("my2");
</script>
+ <e:effect for="ob" event="onmouseover" type="Opacity" params="duration:0.5,from:1.0,to:0.2" />
+ <e:effect for="ob" event="onmouseout" type="Opacity" params="targetId:ob,duration:0.5,from:0.2,to:1.0" />
- <e:effect event="load" for="window" type="Opacity" params="id:document.body,duration:0.8,from:0.4,to:1.0"/>
+ <e:effect event="load" for="window" type="Opacity" params="targetId:document.body,duration:0.8,from:0.4,to:1.0"/>
<h:outputText value="Using function parameters:" />
- <span onclick="Richfaces.hideItP({id:'mynewpanel'})">Hide</span>
- <span onclick="Richfaces.showItP({id:'mynewpanel', type:'Appear', duration:2.5})">Show</span>
+ <span onclick="Richfaces.hideItP({targetId:'mynewpanel'})">Hide</span>
+ <span onclick="Richfaces.showItP({targetId:'mynewpanel', type:'Appear', duration:2.5})">Show</span>
<div id="mynewpanel" style="width:100px;height:100px;background-color:lightblue"> </div>
<e:effect name="Richfaces.hideItP" type="Opacity" params="duration:0.8, from:1.0, to:0.2" />
<e:effect name="Richfaces.showItP" />
+ <h:outputText value="Click box below:" />
+
<div id="dpanel" style="width:100px;height:100px;background-color:lightgreen"> </div>
<script>
@@ -86,10 +141,8 @@
</script>
- <e:effect event="onclick" for="my" type="Fade" params="id:bb,duration:0.8" />
-
- <div style="margin:10px;"><a href='javascript:void(0)'
- onclick='new Effect["Opacity"]( document.getElementById("mynewpanel"),{duration:0.8, from:1.0, to:0.2} );'>Click for Demo!</a><br /></div>
+ <e:effect event="onclick" for="bb" type="Fade" params="targetId:ob,duration:0.8" />
+ <e:effect event="onmouseout" for="bb" targetId="ob" type="BlindDown" params="duration:0.8" />
<!--
<script>
Event.observe(window,'click', mess, false );
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml 2007-08-12 23:41:51 UTC (rev 2214)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml 2007-08-13 03:44:40 UTC (rev 2215)
@@ -7,6 +7,11 @@
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
+
+ <ui:include src="/richfaces/effect/examples/edvToogl.xhtml" />
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/effect/examples/edvToogl.xhtml"/>
+ </ui:include>
<p>rich:effect utilizes the set of effects provided by scriptaculous javascript library. It
allows to attach effects to JSF components and html tags. For the reference of the available
@@ -63,15 +68,12 @@
</div>
- <rich:effect for="window" event="load" type="Opacity" params="id:'mypaneldiv',from:1.0,to:0.3" />
+ <rich:effect for="window" event="load" type="Opacity" params="targetId:'mypaneldiv',from:1.0,to:0.3" />
<rich:separator height="1" style="padding-top:10px" />
+
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath" value="/richfaces/effect/source/usage.html"/>
- </ui:include>
-
</div>
<h2>Key Attributes</h2>
<p>
Modified: trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-08-12 23:41:51 UTC (rev 2214)
+++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-08-13 03:44:40 UTC (rev 2215)
@@ -62,8 +62,8 @@
<f:subview>
<div>
<a4j:outputPanel styleClass="viewsourcelooklink" id="look">
- <rich:effect for="look" event="onclick" type="BlindDown" params="id:'source1',duration:1.0,from:0.0,to:1.0" />
- <rich:effect for="look" event="onclick" type="Appear" params="id:'source1',duration:0.5,from:0.0,to:1.0" />
+ <rich:effect for="look" event="onclick" type="BlindDown" targetId="source1" params="duration:1.0,from:0.0,to:1.0" />
+ <rich:effect for="look" event="onclick" type="Appear" targetId="source1" params="duration:0.5,from:0.0,to:1.0" />
<rich:effect for="look" event="onclick" type="Fade" params="duration:0.0" />
<h:outputText escape="false" value="#{empty openlabel?'View Source' : openlabel }" />
</a4j:outputPanel>
@@ -76,8 +76,8 @@
</div>
<a4j:outputPanel id="hide" styleClass="viewsourcehidelink">
- <rich:effect for="hide" event="onclick" type="BlindUp" params="id:'source1', duration:1.0" />
- <rich:effect for="hide" event="onclick" type="Appear" params="id:'look', delay:1.0, duration:1.0" />
+ <rich:effect for="hide" event="onclick" type="BlindUp" targetId="source1" params="id:'source1', duration:1.0" />
+ <rich:effect for="hide" event="onclick" type="Appear" targetId="look" params="delay:1.0, duration:1.0" />
<h:outputText style="padding-right:5px" value="<<Hide Source"/>
</a4j:outputPanel>
Modified: trunk/ui/effect/src/main/config/component/effect.xml
===================================================================
--- trunk/ui/effect/src/main/config/component/effect.xml 2007-08-12 23:41:51 UTC (rev 2214)
+++ trunk/ui/effect/src/main/config/component/effect.xml 2007-08-13 03:44:40 UTC (rev 2215)
@@ -45,15 +45,26 @@
<classname>java.lang.String</classname>
<description>
Parameters passed to the effect function.
- Example params="{id:'foo',type:'Fade'}"
+ Example params="{duration:0.2,from:1.0,to:0.1}"
</description>
<defaultvalue>""</defaultvalue>
</property>
+ <property>
+ <name>targetId</name>
+ <classname>java.lang.String</classname>
+ <description>
+ The id of the element the effect apply to. Might be component id
+ or client id of jsf component or html tag. If targetId is not defined
+ the value of the attribute 'for' or the 'targetId' option effect
+ play its role
+ </description>
+ <defaultvalue>""</defaultvalue>
+ </property>
<property el="false" >
<name>event</name>
<classname>java.lang.String</classname>
<description>
- Event of the parent
+ Event on the component or html tag the effect is attached to
</description>
<defaultvalue>""</defaultvalue>
</property>
Modified: trunk/ui/effect/src/main/java/org/richfaces/component/UIEffect.java
===================================================================
--- trunk/ui/effect/src/main/java/org/richfaces/component/UIEffect.java 2007-08-12 23:41:51 UTC (rev 2214)
+++ trunk/ui/effect/src/main/java/org/richfaces/component/UIEffect.java 2007-08-13 03:44:40 UTC (rev 2215)
@@ -21,14 +21,19 @@
package org.richfaces.component;
+import java.util.Iterator;
import org.ajax4jsf.Messages;
import org.ajax4jsf.component.EventValueBinding;
import javax.faces.component.UIComponent;
import javax.faces.component.UIComponentBase;
+import javax.faces.component.NamingContainer;
+import javax.faces.context.FacesContext;
import org.ajax4jsf.component.AjaxSupport;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
+import org.ajax4jsf.renderkit.RendererUtils;
+
/**
* JSF component class
*
@@ -41,6 +46,7 @@
private static final Log log = LogFactory.getLog(UIEffect.class);
+ private static RendererUtils rendererUtils = new RendererUtils();
/**
* @return JavaScript eventString. Rebuild on every call, since
@@ -49,24 +55,38 @@
public String getEventString()
{
StringBuffer buildOnEvent = new StringBuffer();
-/*
- String onsubmit = getOnsubmit();
- // Insert script to call before submit ajax request.
- if (null != onsubmit) {
- buildOnEvent.append(onsubmit).append(";");
- }
- // Due to JSF RI 1.1 bug, clear cached clientId
- setId(getId());
- buildOnEvent.append(AjaxRendererUtils.buildOnEvent(this, getFacesContext(),
- getEvent()));
- String script = buildOnEvent.toString();
-*/
- buildOnEvent.append("Richfaces.processEffect(this,'");
- buildOnEvent.append(getType());
- buildOnEvent.append("',{},'{");
- buildOnEvent.append(getParams());
- buildOnEvent.append("}')");
- return buildOnEvent.toString();
+
+ String targetId=getTargetId();
+ String targetPart = "{}";
+ UIComponent targetComponent=null;
+
+ if (!"".equals(targetId)) {
+ targetComponent=rendererUtils.findComponentFor(FacesContext.getCurrentInstance(),this,targetId);
+ }
+ if (targetComponent!=null) {
+ targetPart = "{targetId:'"+targetComponent.getClientId(FacesContext.getCurrentInstance())+"'}";
+ } else {
+ // it might be html tag id or DOM object
+ targetPart = targetId != ""
+ ? "typeof "+targetId+"=='object'?{targetId:"+targetId+"}:{targetId:$('"+targetId+"')}" : "{}" ;
+ }
+
+ String type=getType();
+ String typePart = type!=""?"{type:'"+type+"'}":"{}";
+
+ String params=getParams();
+ String paramsPart = params!=""?"{"+params+"}":"{}";
+
+
+ buildOnEvent.append("Richfaces.processEffect(Object.extend(Object.extend({targetId:this},"+targetPart+"),"+
+ "Object.extend("+typePart+","+paramsPart+") ) )");
+
+ return buildOnEvent.toString();
+
+//if (typeof '' == 'object') {pm.attachId= '';if (''=='') pm.targetId=''; };
+
+
+
}
public abstract String getEvent();
@@ -79,6 +99,9 @@
public abstract String getType();
public abstract void setType(String value);
+ public abstract String getTargetId();
+ public abstract void setTargetId(String value);
+
public abstract String getParams();
public abstract void setParams(String value);
/**
@@ -113,5 +136,7 @@
if (getFor() == "" && getEvent() !="" ) {
parent.setValueBinding(getEvent(), new EventValueBinding(this));
}
- }
+ }
+
+
}
Modified: trunk/ui/effect/src/main/resources/org/richfaces/renderkit/html/script/processEffect.js
===================================================================
--- trunk/ui/effect/src/main/resources/org/richfaces/renderkit/html/script/processEffect.js 2007-08-12 23:41:51 UTC (rev 2214)
+++ trunk/ui/effect/src/main/resources/org/richfaces/renderkit/html/script/processEffect.js 2007-08-13 03:44:40 UTC (rev 2215)
@@ -2,22 +2,10 @@
window.Richfaces = {};
}
-Richfaces.processEffect = function(cid, etype, aparam, param) {
- var h=Object.extend(param, aparam);
- new Effect[h.type||etype]($(h.id||cid),h);
+Richfaces.processEffect = function(pm) {
+ new Effect[pm.type]($(pm.targetId),pm);
};
Richfaces.effectEventOnOut = function(ename) {
return ename.substr(0,2) == 'on' ? ename.substr(2) : ename;
};
-
-/*
-Richfaces.addEffectObserve= new Function("oid", "oevent","otype","oparams","useCapture",
-"var funcpart='{}';"+
-"var func='Richfaces.processEffect(oid,otype, oparams,'+funcpart+')';"+
-"func='Function('+func+')';"+
-"alert(func);"+
-"Event.observe($(oid),oevent,"+func+",useCapture);");
-*/
-// Function("Richfaces.processEffect('#{forid}','#{type}',{}, '{#{params}}');"),false);
-
Modified: trunk/ui/effect/src/main/templates/effect.jspx
===================================================================
--- trunk/ui/effect/src/main/templates/effect.jspx 2007-08-12 23:41:51 UTC (rev 2214)
+++ trunk/ui/effect/src/main/templates/effect.jspx 2007-08-13 03:44:40 UTC (rev 2215)
@@ -15,25 +15,62 @@
<c:set var="event" value="#{component.attributes['event']}"/>
<c:set var="name" value="#{component.attributes['name']}"/>
<c:set var="type" value="#{component.attributes['type']}"/>
- <c:set var="params" value="#{this:convertParameters(context, component)}"/>
+ <c:set var="targetId" value="#{component.attributes['targetId']}"/>
+ <c:set var="params" value="#{component.attributes['params']}"/>
<h:scripts>new org.ajax4jsf.javascript.PrototypeScript(),scripts/scriptaculous/scriptaculous.js,scripts/scriptaculous/effects.js,/org/richfaces/renderkit/html/script/processEffect.js</h:scripts>
<jsp:scriptlet>
<![CDATA[
String sid = (String) variables.getVariable("for");
- String event = (String) variables.getVariable("event");
-
+ variables.setVariable("attachObj","''");
if (! "".equals(sid)) {
UIComponent forcomp = getUtils().findComponentFor(context, (UIComponent)component,sid);
if (forcomp != null) {
- variables.setVariable("forid",forcomp.getClientId(context));
+ String cid= forcomp.getClientId(context);
+ variables.setVariable("forPart",
+ "{targetId:'"+cid+"',attachId:'"+cid+"'}");
} else {
- // if no corresponded component id, may be it is non-jsf id.
+ // if no corresponded component id, may be it is non-jsf id.
// So, returning the id as is
- variables.setVariable("forid",sid);
+ variables.setVariable("forPart","{targetId:'"+sid+"',attachId:'"+sid+"'}");
+ // it might be the DOM object
+ variables.setVariable("attachObj",sid);
}
+ } else {
+ variables.setVariable("forPart","{}");
}
+ String tid = (String) variables.getVariable("targetId");
+ variables.setVariable("targetObj","''");
+ if (! "".equals(tid)) {
+ UIComponent targetcomp = getUtils().findComponentFor(context, (UIComponent)component,tid);
+ if (targetcomp != null) {
+ variables.setVariable("targetPart","{targetId:'"+targetcomp.getClientId(context)+"'}");
+ } else {
+ // if no corresponded component id, may be it is non-jsf id.
+ // So, returning the id as is
+ variables.setVariable("targetPart","{targetId:'"+tid+"'}");
+ variables.setVariable("targetObj",tid);
+ }
+ } else {
+ variables.setVariable("targetPart","{}");
+ }
+
+ String type = (String) variables.getVariable("type");
+ if (!"".equals(type)) {
+ variables.setVariable("typePart","{type:'"+type+"'}");
+ } else {
+ variables.setVariable("typePart","{}");
+ }
+
+ String params = (String) variables.getVariable("params");
+ if (!"".equals(params)) {
+ variables.setVariable("paramsPart","{"+params+"}");
+ } else {
+ variables.setVariable("paramsPart","{}");
+ }
+
+ String event = (String) variables.getVariable("event");
String name = (String)variables.getVariable("name");
Boolean needsFunction = new Boolean(! "".equals(name) && "".equals(event));
variables.setVariable("needsFunction",needsFunction);
@@ -45,7 +82,7 @@
<c:if test="#{needsFunction}">
<script type="text/javascript" x:passThruWithExclusions="name,type,for">
//<![CDATA[
-#{name} = function () { return Richfaces.processEffect('#{forid}','#{type}',arguments[0]||{}, #{params}); };
+#{name} = function () { return Richfaces.processEffect(Object.extend(Object.extend( Object.extend(#{typePart},#{forPart}), Object.extend (#{targetPart},#{paramsPart})), arguments[0]||{})); };
//]]>
</script>
</c:if>
@@ -53,16 +90,15 @@
<script type="text/javascript" x:passThruWithExclusions="name,type,for">
//<![CDATA[
{
-var pm = #{params};
-
+var pm = Object.extend( Object.extend(#{typePart},#{forPart}), #{targetPart} );
/* pm.id can have a special meaning, let's check */
-pm.id = #{this:convertElementParameter(pmId)};
-
+//pm.id = #{this:convertElementParameter(pmId)};
+if (typeof #{attachObj} == 'object') {pm.attachId= #{attachObj};if (#{targetObj}=='') pm.targetId=#{attachObj}; };
+if (typeof #{targetObj} == 'object') pm.targetId= #{targetObj};
+pm = Object.extend(pm, {#{params}});
var ename = Richfaces.effectEventOnOut('#{event}');
-var obj= #{this:convertElementParameter(forid)};
-var hash = { id: obj, params: pm };
-var bindedFunction = function(event){ return Richfaces.processEffect(this.id,'#{type}',{},this.params); }.bindAsEventListener(hash);
-Event.observe(obj,ename, bindedFunction, pm.useCapture||false);
+var bindedFunction = function(event){ return Richfaces.processEffect(this); }.bindAsEventListener(pm);
+Event.observe(pm.attachId,ename, bindedFunction, pm.useCapture||false);
}
//]]>
</script>
18 years, 8 months
JBoss Rich Faces SVN: r2214 - in trunk: samples/tree-demo/src/main/webapp/pages and 1 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: nbelaevski
Date: 2007-08-12 19:41:51 -0400 (Sun, 12 Aug 2007)
New Revision: 2214
Modified:
trunk/samples/tree-demo/src/main/java/org/richfaces/Library.java
trunk/samples/tree-demo/src/main/webapp/pages/index2.jsp
trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js
trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js
Log:
Tree:
- extra $(..) functions invocations removed, changed to nextSibling & rows[..].cells[..]
Performance comparison for id vs index seeking in cells collection:
by id:
FF IE
3912 12302
3899 11801
3923 12050
by index:
FF IE
3939 11863
3919 11874
4075 11952
- demo: added performance timer & changed number of nodes to 50x50
Modified: trunk/samples/tree-demo/src/main/java/org/richfaces/Library.java
===================================================================
--- trunk/samples/tree-demo/src/main/java/org/richfaces/Library.java 2007-08-12 02:20:40 UTC (rev 2213)
+++ trunk/samples/tree-demo/src/main/java/org/richfaces/Library.java 2007-08-12 23:41:51 UTC (rev 2214)
@@ -96,9 +96,9 @@
private void initData() {
pathways = new HashMap();
- for (int i = 0; i < 15; i++) {
+ for (int i = 0; i < 50; i++) {
Pathway path = getPathwayByName("PATH_" + i, this);
- for (int j = 0; j < 20; j++) {
+ for (int j = 0; j < 50; j++) {
Organism org = new Organism(getNextId());
org.setName("ORG_" + i + "." + j);
path.addOrganism(org);
Modified: trunk/samples/tree-demo/src/main/webapp/pages/index2.jsp
===================================================================
--- trunk/samples/tree-demo/src/main/webapp/pages/index2.jsp 2007-08-12 02:20:40 UTC (rev 2213)
+++ trunk/samples/tree-demo/src/main/webapp/pages/index2.jsp 2007-08-12 23:41:51 UTC (rev 2214)
@@ -13,6 +13,13 @@
<h:form>
+ <f:verbatim>
+ <script>
+ window.time = new Date();
+ </script>
+ </f:verbatim>
+
+
<rich:tree switchType="client" style="width:300px"
value="#{pathwayBean.pathwayTree}" var="item"
nodeFace="#{item.type}">
@@ -27,6 +34,13 @@
</rich:treeNode>
</rich:tree>
+ <f:verbatim>
+ <script>
+ alert(new Date() - window.time);
+ </script>
+ </f:verbatim>
+
+
</h:form>
<a4j:log hotkey="O"/>
Modified: trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js
===================================================================
--- trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js 2007-08-12 02:20:40 UTC (rev 2213)
+++ trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js 2007-08-12 23:41:51 UTC (rev 2214)
@@ -2,11 +2,21 @@
Tree.Item.prototype = {
initialize: function(id, tree, parent) {
this.parent = parent;
- this.id = id;
this.tree = tree;
this.elements = {};
this.elementID = {};
- ($(this.id)).object = this;
+
+ var element;
+
+ if (typeof id == 'string') {
+ element = $(id);
+ this.id = id;
+ } else {
+ element = id;
+ this.id = element.id;
+ }
+
+ element.object = this;
this.elementID.children = this.id + Tree.ID_DEVIDER + Tree.ID_CHILDS_ROW;
this.elementID.mainRow = this.id + Tree.ID_DEVIDER + Tree.ID_MAIN_ROW;
@@ -16,7 +26,7 @@
this.elementID.icon = this.id + Tree.ID_DEVIDER + Tree.ID_ICON;
this.elementID.text = this.id + Tree.ID_DEVIDER + Tree.ID_TEXT;
- this.getElements();
+ this.getElements(element);
this.eventSelectionClick = this.toggleSelection.bindAsEventListener(this);
this.eventMouseOut = this.processMouseOut.bindAsEventListener(this);
@@ -26,7 +36,7 @@
this.eventRightClick = this.onContextMenu.bindAsEventListener();
}
- this.observeEvents();
+ this.observeEvents(element);
},
destroy: function() {
@@ -41,9 +51,11 @@
this.childs = null;
},
- observeEvents: function() {
- var eIcon = $(this.elementID.icon);
- var eText = $(this.elementID.text);
+ observeEvents: function(element) {
+ var cells = element.rows[0].cells;
+ //seeking by id seems to be miserably slow in IE than by index
+ var eIcon = cells[this.elementID.icon];
+ var eText = cells[this.elementID.text];
if (eIcon) {
Event.observe(eIcon, "mousedown", this.eventSelectionClick);
Event.observe(eIcon, "mouseout", this.eventMouseOut);
@@ -70,22 +82,22 @@
}
},
- getElements: function() {
+ getElements: function(element) {
this.childs = [];
- var contextMenu = Richfaces.getNSAttribute("oncontextmenu", $(this.elementID.icon));
+ /*var contextMenu = Richfaces.getNSAttribute("oncontextmenu", $(this.elementID.icon));
if (contextMenu && contextMenu.length > 0) {
this.onContextMenu = new Function(contextMenu + "; return true;");
- }
+ }*/
- var childsTd = $(this.elementID.children);
+ var childsTd = element.nextSibling;//$(this.elementID.children);
if (childsTd) {
var child = childsTd.firstChild;
while ( child != null )
{
if (child.nodeType == 1 && child.tagName.toLowerCase() == "table") {
- this.addChild(new Tree.Item(child.id, this.tree, this));
+ this.addChild(new Tree.Item(child, this.tree, this));
}
child = child.nextSibling;
}
Modified: trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js
===================================================================
--- trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js 2007-08-12 02:20:40 UTC (rev 2213)
+++ trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js 2007-08-12 23:41:51 UTC (rev 2214)
@@ -111,7 +111,7 @@
if (this.elements.contentTd) {
for(var child = this.elements.contentTd.firstChild; child != null; child = child.nextSibling ) {
if (child.nodeType == 1 && child.tagName.toLowerCase() == "table") {
- this.addChild(new Tree.Item(child.id, this, this));
+ this.addChild(new Tree.Item(child, this, this));
}
}
/*
18 years, 8 months
JBoss Rich Faces SVN: r2213 - in trunk/ui/tree/src/main: resources/org/richfaces/renderkit/html/css and 2 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: nbelaevski
Date: 2007-08-11 22:20:40 -0400 (Sat, 11 Aug 2007)
New Revision: 2213
Modified:
trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java
trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/css/tree.xcss
trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js
trunk/ui/tree/src/main/templates/htmlTreeNode.jspx
Log:
Tree:
- layout fixed in IE
- script legacy code cleaned
Modified: trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java
===================================================================
--- trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java 2007-08-11 23:25:05 UTC (rev 2212)
+++ trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java 2007-08-12 02:20:40 UTC (rev 2213)
@@ -144,14 +144,14 @@
}
getUtils().writeAttribute(writer, "id", context.getClientId() + "childs");
-
+
if (!context.isExpanded()) {
getUtils().writeAttribute(writer, "style", "display: none;");
}
String styleClasses = "";
if (context.getRowKey() != null) {
- styleClasses = "dr-tree-h-ic-div";
+ styleClasses = "dr-tree-layout-on dr-tree-h-ic-div";
if (!context.isLast() && showLines) styleClasses += " dr-tree-h-ic-line";
}
if (styleClasses!="") getUtils().writeAttribute(writer, "class", styleClasses);
Modified: trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/css/tree.xcss
===================================================================
--- trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/css/tree.xcss 2007-08-11 23:25:05 UTC (rev 2212)
+++ trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/css/tree.xcss 2007-08-12 02:20:40 UTC (rev 2213)
@@ -7,6 +7,14 @@
.dr-tree {
}
+.dr-tree-full-width {
+ width: 100%;
+}
+
+.dr-tree-layout-on {
+ zoom: 1;
+}
+
.dr-tree-h-input {
display: none;
}
Modified: trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js
===================================================================
--- trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js 2007-08-11 23:25:05 UTC (rev 2212)
+++ trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js 2007-08-12 02:20:40 UTC (rev 2213)
@@ -48,8 +48,6 @@
this.selectionManager = new Tree.SelectionManager(this);
this.selectionManager.restoreSelection();
- //this.correctSizes();
-
Event.observe(this.element, "click", function(event) {
if (Richfaces.eventIsSynthetic(event)) {
var treeItem = event["treeItem"];
@@ -104,10 +102,6 @@
}
}
}.bindAsEventListener(this));
-
- //this.eventResize = this.correctSizes.bindAsEventListener(this);
- // commented by nick
- //IL.Event.observe(this.element, "resizex", this.eventResize);
},
getElements: function() {
@@ -131,36 +125,6 @@
}
},
- correctSizes: function() {
- if (!this.options.width) this.options.width = "100%";
- if (!this.options.height) this.options.height = "100%";
-
- var parentDim = Element.getDimensions(this.element.parentNode);
- var dim = {};
-
- var bc = {width: 0, height: 0};
-
- /* - commented by nick
- if (/MSIE/.test(navigator.userAgent)) {
- bc.width = parseInt(Element.getStyle(this.element, "border-left-width")) + parseInt(Element.getStyle(this.element, "border-right-width"));
- bc.height = parseInt(Element.getStyle(this.element, "border-top-width")) + parseInt(Element.getStyle(this.element, "border-bottom-width"));
- }
- */
-
- if (this.options.width.slice(-1) == "%") {
- dim.width = (parentDim.width * parseInt(this.options.width) / 100);
- } else {
- dim.width = parseInt(this.options.width);
- }
- if (this.options.height.slice(-1) == "%") {
- dim.height = (parentDim.height * parseInt(this.options.height) / 100);
- } else {
- dim.height = parseInt(this.options.height);
- }
-
- Element.setStyle(this.element, {width: (dim.width - bc.width) + "px", height: (dim.height - bc.height) + "px"});
- },
-
addChild: function(child) {
this.childs.push(child);
},
Modified: trunk/ui/tree/src/main/templates/htmlTreeNode.jspx
===================================================================
--- trunk/ui/tree/src/main/templates/htmlTreeNode.jspx 2007-08-11 23:25:05 UTC (rev 2212)
+++ trunk/ui/tree/src/main/templates/htmlTreeNode.jspx 2007-08-12 02:20:40 UTC (rev 2213)
@@ -31,7 +31,7 @@
<f:call name="initializeLines" />
<f:call name="initializeResources" />
- <table border="0" cellpadding="0" cellspacing="0" id="#{clientId}" style="width:100%">
+ <table border="0" cellpadding="0" cellspacing="0" id="#{clientId}" class="dr-tree-full-width">
<tbody>
<tr id="#{clientId}:mainRow" onclick="#{component.attributes['onclick']} #{this:getToggleScript(context, component, 'mainRow')}" >
18 years, 8 months
JBoss Rich Faces SVN: r2212 - in trunk/ui/tree/src/main: resources/org/richfaces/renderkit/html/scripts and 1 other directory.
by richfaces-svn-commits@lists.jboss.org
Author: nbelaevski
Date: 2007-08-11 19:25:05 -0400 (Sat, 11 Aug 2007)
New Revision: 2212
Modified:
trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java
trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js
trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-selection.js
trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js
Log:
Tree:
- Fixes
- Client code optimized
Modified: trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java
===================================================================
--- trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java 2007-08-11 00:49:45 UTC (rev 2211)
+++ trunk/ui/tree/src/main/java/org/richfaces/renderkit/TreeRendererBase.java 2007-08-11 23:25:05 UTC (rev 2212)
@@ -363,13 +363,13 @@
}
if (encodeScripts) {
writeScript(context, tree, encodedAreaIds, renderedAreas);
+
+ String inputId = encodeSelectionStateInput(context, tree);
+ if (inputId != null) {
+ renderedAreas.add(inputId);
+ }
}
- String inputId = encodeSelectionStateInput(context, tree);
- if (inputId != null) {
- renderedAreas.add(inputId);
- }
-
responseWriter.endElement("div");
}
} finally {
Modified: trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js
===================================================================
--- trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js 2007-08-11 00:49:45 UTC (rev 2211)
+++ trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-item.js 2007-08-11 23:25:05 UTC (rev 2212)
@@ -1,13 +1,12 @@
Tree.Item = Class.create();
Tree.Item.prototype = {
- initialize: function(id, tree, parent, index, switchType, toggleOnClick) {
- this.index = index;
+ initialize: function(id, tree, parent) {
this.parent = parent;
this.id = id;
- this.switchType = switchType;
this.tree = tree;
this.elements = {};
this.elementID = {};
+ ($(this.id)).object = this;
this.elementID.children = this.id + Tree.ID_DEVIDER + Tree.ID_CHILDS_ROW;
this.elementID.mainRow = this.id + Tree.ID_DEVIDER + Tree.ID_MAIN_ROW;
@@ -17,9 +16,6 @@
this.elementID.icon = this.id + Tree.ID_DEVIDER + Tree.ID_ICON;
this.elementID.text = this.id + Tree.ID_DEVIDER + Tree.ID_TEXT;
- ($(this.id)).object = this;
-
- this.toggleOnClick = toggleOnClick;
this.getElements();
this.eventSelectionClick = this.toggleSelection.bindAsEventListener(this);
@@ -33,6 +29,18 @@
this.observeEvents();
},
+ destroy: function() {
+ if (this == this.tree.selectionManager.activeItem) {
+ this.tree.selectionManager.activeItem = null;
+ }
+
+ for (var i = 0; i < this.childs.length; i++) {
+ this.childs[i].destroy();
+ }
+
+ this.childs = null;
+ },
+
observeEvents: function() {
var eIcon = $(this.elementID.icon);
var eText = $(this.elementID.text);
@@ -54,19 +62,15 @@
}
}
- if (this.switchType=="client" && this.childs.length > 0) {
+ if (this.tree.switchType=="client" && this.childs.length > 0) {
this.eventCollapsionClick = this.toggleCollapsion.bindAsEventListener(this);
- if (this.toggleOnClick) {
- Event.observe(this.elementID.mainRow, "click", this.eventCollapsionClick);
- } else {
- //if (this.elements.handle)
- Event.observe(this.elementID.handle, "click", this.eventCollapsionClick);
- }
+
+ var handleElt = this.tree.toggleOnClick ? this.elementID.mainRow : this.elementID.handle;
+ Event.observe(handleElt, "click", this.eventCollapsionClick);
}
},
getElements: function() {
-
this.childs = [];
var contextMenu = Richfaces.getNSAttribute("oncontextmenu", $(this.elementID.icon));
@@ -81,7 +85,7 @@
while ( child != null )
{
if (child.nodeType == 1 && child.tagName.toLowerCase() == "table") {
- this.addChild(new Tree.Item(child.id, this.tree, this, this.childs.length, this.switchType, this.toggleOnClick));
+ this.addChild(new Tree.Item(child.id, this.tree, this));
}
child = child.nextSibling;
}
@@ -89,7 +93,7 @@
for (var i = 0; i < childsTd.childNodes.length; i++) {
var child = childsTd.childNodes[i];
if (child.nodeType == 1 && child.tagName.toLowerCase() == "table") {
- this.addChild(new Tree.Item(child.id, this.tree, this, this.childs.length, this.switchType, this.toggleOnClick));
+ this.addChild(new Tree.Item(child.id, this.tree, this));
}
}
*/
@@ -98,7 +102,6 @@
addChild: function(child) {
this.childs.push(child);
- this.tree.addItem(child);
},
fireExpansionEvent: function() {
@@ -168,17 +171,13 @@
},
collapse: function() {
- if (!this.isCollapsed() && this.switchType!="client") {
- if (this.toggleOnClick) {
- var e = $(this.elementID.mainRow);
- if (e)
- e.onclick();
- } else {
- var e = $(this.elementID.handle);
- if (e)
- e.onclick();
+ if (!this.isCollapsed() && this.tree.switchType!="client") {
+ var handleElt = $(this.tree.toggleOnClick ? this.elementID.mainRow : this.elementID.handle);
+ if (handleElt) {
+ handleElt.onclick();
}
}
+
if (this.hasChilds() && !this.isCollapsed()) {
Element.hide(this.elementID.children);
Element.hide(this.elementID.handleImgExpanded);
@@ -194,17 +193,13 @@
},
expand: function() {
- if (this.isCollapsed() && this.switchType!="client") {
- if (this.toggleOnClick) {
- var e = $(this.elementID.mainRow);
- if (e)
- e.onclick();
- } else {
- var e = $(this.elementID.handle);
- if (e)
- e.onclick();
+ if (this.isCollapsed() && this.tree.switchType!="client") {
+ var handleElt = $(this.tree.toggleOnClick ? this.elementID.mainRow : this.elementID.handle);
+ if (handleElt) {
+ handleElt.onclick();
}
}
+
if (this.hasChilds() && this.isCollapsed()) {
Element.show(this.elementID.children);
Element.show(this.elementID.handleImgExpanded);
@@ -288,7 +283,10 @@
return !evt.event["cancelSelection"];
} else {
- this.tree.deselectAll();
+ var activeItem = this.tree.selectionManager.activeItem;
+ if (activeItem) {
+ activeItem.deselect();
+ }
/*
var attr = this.elements.text.attributes;
@@ -339,19 +337,27 @@
},
next: function() {
- if (this.index < (this.parent.childs.length - 1)) {
- return this.parent.childs[this.index + 1];
- } else {
- return this;
+ var children = this.parent.childs;
+
+ for (var i = 0; i < children.length - 1; i++) {
+ if (children[i] == this) {
+ return children[i + 1];
+ }
}
+
+ return this;
},
previous: function() {
- if (this.index > 0) {
- return this.parent.childs[this.index - 1];
- } else {
- return this;
+ var children = this.parent.childs;
+
+ for (var i = 1; i < children.length; i++) {
+ if (children[i] == this) {
+ return children[i - 1];
+ }
}
+
+ return this;
},
hasChilds: function() {
Modified: trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-selection.js
===================================================================
--- trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-selection.js 2007-08-11 00:49:45 UTC (rev 2211)
+++ trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree-selection.js 2007-08-11 23:25:05 UTC (rev 2212)
@@ -1,35 +1,3 @@
-Tree.Selection = Class.create();
-Tree.Selection.prototype = {
- initialize: function() {
- this.indexes = [];
- this.ranges = [];
- },
-
- addRange: function(range) {
- this.ranges.push(range);
- },
-
- addIndex: function(index) {
- this.indexes.push(index);
- },
-
- getRanges: function() {
- var ranges = [];
- if (this.indexes.length == 0) return ranges;
- ranges.push(new DataGrid.Range(this.indexes[0], this.indexes[0]));
- var current = ranges[ranges.length - 1];
- for (var i = 1; i < this.indexes.length; i++) {
- if (this.indexes[i] - current.indexes[1] > 1) {
- ranges.push(new DataGrid.Range(this.indexes[i], this.indexes[i]));
- current = ranges[ranges.length - 1];
- } else {
- current.indexes[1] = this.indexes[i];
- }
- }
- return ranges;
- }
-}
-
Tree.SelectionManager = Class.create();
Tree.SelectionManager.prototype = {
initialize: function(tree) {
Modified: trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js
===================================================================
--- trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js 2007-08-11 00:49:45 UTC (rev 2211)
+++ trunk/ui/tree/src/main/resources/org/richfaces/renderkit/html/scripts/tree.js 2007-08-11 23:25:05 UTC (rev 2212)
@@ -20,7 +20,6 @@
Tree.prototype = {
initialize: function(id, input, switchType, events, onAjaxSelect, dragIndicatorId, toggleOnClick) {
- this.items = [];
this.childs = [];
this.elements = {};
@@ -118,7 +117,7 @@
if (this.elements.contentTd) {
for(var child = this.elements.contentTd.firstChild; child != null; child = child.nextSibling ) {
if (child.nodeType == 1 && child.tagName.toLowerCase() == "table") {
- this.addChild(new Tree.Item(child.id, this, this, this.childs.length, this.switchType, this.toggleOnClick));
+ this.addChild(new Tree.Item(child.id, this, this));
}
}
/*
@@ -164,36 +163,36 @@
addChild: function(child) {
this.childs.push(child);
- this.addItem(child);
},
- addItem: function(item) {
- this.items.push(item);
- },
-
- deselectAll: function() {
- this.items.each(function(item) {item.deselect();} );
- },
-
-
getNodeElements: function(nodeIds) {
if (nodeIds) {
for (var i = 0; i < nodeIds.length; i++ ) {
- this._getNodeElements(this, nodeIds[i]);
+ var nodeId = nodeIds[i];
+ this._getNodeElements(this, nodeId, nodeId.substring(0, nodeId.lastIndexOf(':')));
}
+ //input holding selection has been refreshed
+ this.input = $(this.inputId);
this.selectionManager.restoreSelection();
}
},
- _getNodeElements: function(node, nodeId) {
- if (node.id == nodeId) {
- node.getElements();
- node.observeEvents();
- this.input = $(this.inputId);
- } else {
- for (var i = 0; i < node.childs.length; i++) {
- this._getNodeElements(node.childs[i], nodeId);
+ _getNodeElements: function(node, nodeId, sNodeId) {
+ for (var i = 0; i < node.childs.length; i++) {
+ var child = node.childs[i];
+ var cid = child.id;
+
+ if (cid == nodeId) {
+ child.destroy();
+ node.childs[i] = new Tree.Item(cid, this, child.parent);
+ break;
+ } else {
+ var scid = cid.substring(0, cid.lastIndexOf(':'));
+ if (sNodeId.substr(0, scid.length) == scid && sNodeId.charAt(scid.length) == ':') {
+ this._getNodeElements(child, nodeId, sNodeId);
+ break;
+ }
}
}
},
18 years, 8 months
JBoss Rich Faces SVN: r2211 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: keepAlive and 10 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: SergeySmirnov
Date: 2007-08-10 20:49:45 -0400 (Fri, 10 Aug 2007)
New Revision: 2211
Added:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/examples/enabledIssue.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/examples/spacers.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/examples/skinedPanel.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/custom.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/switchTypes.xhtml
Removed:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/source/
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/look-customization.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/usage.xhtml
Log:
demo update (samples to files)
Deleted: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -1,29 +0,0 @@
-<ui:composition xmlns="http://www.w3.org/1999/xhtml"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:a4j="http://richfaces.org/a4j"
- xmlns:rich="http://richfaces.ajax4jsf.org/rich">
-
- <rich:separator lineType="solid" height="1" />
- <table width="400">
- <tbody>
- <tr>
- <td onmouseover="updateName('Alex')" onmouseout="updateName('')" > Alex</td>
- <td onmouseover="updateName('Jonh')" onmouseout="updateName('')" > Jonh</td>
- <td onmouseover="updateName('Roger')" onmouseout="updateName('')" > Roger</td>
- </tr>
- <tr>
- <td colspan="3"><h:outputText id="showname" value="Name: #{userBean.name}" /></td>
- </tr>
- </tbody>
- </table>
-
- <a4j:form>
- <a4j:jsFunction name="updateName" reRender="showname">
- <a4j:actionparam name="param1" assignTo="#{userBean.name}" />
- </a4j:jsFunction>
- </a4j:form>
-
- <rich:separator height="1" style="padding-top:10px" />
-</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/examples/enabledIssue.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/examples/enabledIssue.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/examples/enabledIssue.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -0,0 +1,86 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1" />
+
+ <style type="text/css">
+ .pcolumn {
+ padding:10px;
+ vertical-align:top;
+ }
+ </style>
+
+ <h:panelGrid columns="2" width="100%" columnClasses="pcolumn">
+
+ <f:verbatim>
+ This example <b>will not work</b> as expected. The expression for 'enabled' attribute
+ equals true only after UPDATE model phase when the rsBean properties are
+ updated with submitted values. So, the component is rendered as enabled
+ on the RENDER RESPONSE phase.<br />
+ However, those values do not make sence during the next Ajax request. The
+ rsBean is created from scratch as soon as it is a new request. JSF makes a
+ decision what is process on the second (APPLY VALUES) phase. At this moment,
+ the expression for 'disabled' still equals false. Therefore, the processing
+ for button is bypassed. The action does not invoked as a result.
+ phase
+ </f:verbatim>
+
+ <f:verbatim>
+ This example will work properly. The code is almost the same as for
+ example on the left. Used managed been is based on the same class. The only
+ difference is <b>a4j:keepAlive beanName="rsBean2"</b>. This statment
+ declares to keep the value of the rsBean2 between the Ajax requests.<br/>
+ The rsBean2 is still a request scope bean as it is defined in the
+ faces-config.xml file. a4j:keepAlive stores the rsBean at the end of the
+ JSF lifecycle. At the beginning of the next cycle, it updates with
+ the rsBean2 with the stored data. Therefore, the expression for 'disabled'
+ equals true on the second phase. The button is processed and the action is
+ invoked.
+ </f:verbatim>
+
+
+ <h:panelGroup>
+ <h:form>
+ <h:inputText size="4" label="First Addent" value="#{rsBean.addent1}">
+ <a4j:support event="onkeyup" reRender="btn" />
+ </h:inputText>
+ <h:outputText value="+"/>
+ <h:inputText size="4" label="Second Addent" value="#{rsBean.addent2}">
+ <a4j:support event="onkeyup" reRender="btn" />
+ </h:inputText>
+ <a4j:commandButton style="margin:0 5px" id="btn" action="#{rsBean.doSum}"
+ value="=" reRender="sum"
+ disabled="#{rsBean.addent1 == null or rsBean.addent2==null}"/>
+ <h:outputText id="sum" value="#{rsBean.sum}" />
+ </h:form>
+ </h:panelGroup>
+
+ <h:panelGroup>
+ <a4j:keepAlive beanName="rsBean2" />
+ <h:form>
+ <h:inputText size="4" label="First Addent" value="#{rsBean2.addent1}">
+ <a4j:support event="onkeyup" reRender="btn2" />
+ </h:inputText>
+ <h:outputText value="+"/>
+ <h:inputText size="4" label="Second Addent" value="#{rsBean2.addent2}">
+ <a4j:support event="onkeyup" reRender="btn2" />
+ </h:inputText>
+ <a4j:commandButton style="margin:0 5px" id="btn2" action="#{rsBean2.doSum}"
+ value="=" reRender="sum2"
+ disabled="#{rsBean2.addent1 == null or rsBean2.addent2==null}"/>
+ <h:outputText id="sum2" value="#{rsBean2.sum}" />
+ </h:form>
+ <a4j:outputPanel ajaxRendered="true">
+ <h:messages />
+ </a4j:outputPanel>
+ </h:panelGroup>
+
+
+
+ </h:panelGrid>
+ <rich:separator height="1" style="padding-top:10px" />
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/usage.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/keepAlive/usage.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -7,12 +7,7 @@
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
- <style type="text/css">
- .pcolumn {
- padding:10px;
- vertical-align:top;
- }
- </style>
+
<p>
a4j:keepAlive extends the live cycle for request scope beans. In general, each Ajax
request works inside the own request scope. Therefore, the state of the component
@@ -38,82 +33,15 @@
will send from this page.
</p>
- <rich:separator height="1" />
<div class="sample-container" >
- <h:panelGrid columns="2" width="100%" columnClasses="pcolumn">
- <f:verbatim>
- This example <b>will not work</b> as expected. The expression for 'enabled' attribute
- equals true only after UPDATE model phase when the rsBean properties are
- updated with submitted values. So, the component is rendered as enabled
- on the RENDER RESPONSE phase.<br />
- However, those values do not make sence during the next Ajax request. The
- rsBean is created from scratch as soon as it is a new request. JSF makes a
- decision what is process on the second (APPLY VALUES) phase. At this moment,
- the expression for 'disabled' still equals false. Therefore, the processing
- for button is bypassed. The action does not invoked as a result.
- phase
- </f:verbatim>
-
- <f:verbatim>
- This example will work properly. The code is almost the same as for
- example on the left. Used managed been is based on the same class. The only
- difference is <b>a4j:keepAlive beanName="rsBean2"</b>. This statment
- declares to keep the value of the rsBean2 between the Ajax requests.<br/>
- The rsBean2 is still a request scope bean as it is defined in the
- faces-config.xml file. a4j:keepAlive stores the rsBean at the end of the
- JSF lifecycle. At the beginning of the next cycle, it updates with
- the rsBean2 with the stored data. Therefore, the expression for 'disabled'
- equals true on the second phase. The button is processed and the action is
- invoked.
- </f:verbatim>
-
-
- <h:panelGroup>
- <h:form>
- <h:inputText size="4" label="First Addent" value="#{rsBean.addent1}">
- <a4j:support event="onkeyup" reRender="btn" />
- </h:inputText>
- <h:outputText value="+"/>
- <h:inputText size="4" label="Second Addent" value="#{rsBean.addent2}">
- <a4j:support event="onkeyup" reRender="btn" />
- </h:inputText>
- <a4j:commandButton style="margin:0 5px" id="btn" action="#{rsBean.doSum}"
- value="=" reRender="sum"
- disabled="#{rsBean.addent1 == null or rsBean.addent2==null}"/>
- <h:outputText id="sum" value="#{rsBean.sum}" />
- </h:form>
- </h:panelGroup>
-
- <h:panelGroup>
- <a4j:keepAlive beanName="rsBean2" />
- <h:form>
- <h:inputText size="4" label="First Addent" value="#{rsBean2.addent1}">
- <a4j:support event="onkeyup" reRender="btn2" />
- </h:inputText>
- <h:outputText value="+"/>
- <h:inputText size="4" label="Second Addent" value="#{rsBean2.addent2}">
- <a4j:support event="onkeyup" reRender="btn2" />
- </h:inputText>
- <a4j:commandButton style="margin:0 5px" id="btn2" action="#{rsBean2.doSum}"
- value="=" reRender="sum2"
- disabled="#{rsBean2.addent1 == null or rsBean2.addent2==null}"/>
- <h:outputText id="sum2" value="#{rsBean2.sum}" />
- </h:form>
- <a4j:outputPanel ajaxRendered="true">
- <h:messages />
- </a4j:outputPanel>
- </h:panelGroup>
-
-
-
- </h:panelGrid>
- <rich:separator height="1" style="padding-top:10px" />
+ <ui:include src="/richfaces/keepAlive/examples/enabledIssue.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/keepAlive/examples/enabledIssue.xhtml"/>
+ </ui:include>
</div>
+
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/keepAlive/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -28,7 +28,7 @@
where it is called. If modal panel has a form element, it should have it own form.
In this case, it must be declired outside of the other form on the same page.
I.e. nested form are not allowed.<br/>
- Those requirements are apply because due to the bug of earlier Interner Expolrer versions,
+ Those requirements apply because due to the bug of earlier Interner Expolrer versions,
the dialog are moved to the top of the browser DOM tree just after it is rendered.</p>
</ui:define>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -7,36 +7,42 @@
<a4j:loadScript src="resource:///org/richfaces/renderkit/html/scripts/scriptaculous/scriptaculous.js"/>
<a4j:loadScript src="resource:///org/richfaces/renderkit/html/scripts/scriptaculous/effects.js"/>
+
+ <script>
+ Effect.Transitions.Elastic = function(pos) {
+ return -1*Math.pow(4,-2*pos) * Math.sin((pos*3-1)*(3*Math.PI)/2) + 1;
+ };
+ </script>
- <h:commandButton onclick="new Effect.BlindUp($('mypanel_body'), {duration:.3});return false" value="Hide"></h:commandButton>
- <h:commandButton onclick="new Effect.Appear($('mypanel_body'));return false" value="Show"></h:commandButton>
+ <h:commandButton onclick="new Effect.BlindUp($('mypanel'), {duration:.3});return false" value="Hide" />
+ <h:commandButton onclick="new Effect.BlindDown($('mypanel'),{duration:1.5,transition:Effect.Transitions.Elastic});return false" value="Show" />
- <rich:separator height="1" style="padding:10px 0" />
+ <div>
+ <rich:spacer height="20" />
- <rich:panel id="mypanel">
+ <rich:panel id="mypanel">
<f:facet name="header">
<h:outputText value="Using Scriptaculous Effects"/>
</f:facet>
-
-
-
- <h:panelGrid styleClass="rsPanel" width="250" columns="2">
- <h:outputText styleClass="rsLabel" value="Name:" />
- <h:inputText styleClass="rsInput" value="#{userBean.name}" />
-
- <h:outputText styleClass="rsLabel" value="Job:" />
- <h:inputText styleClass="rsInput" value="#{userBean.job}" />
-
- <h:panelGroup />
- <h:commandButton styleClass="rsButton" value="Submit">
- <a4j:support disableDefault="true" event="onclick" reRender="out" />
- </h:commandButton>
-
- <f:facet name="footer">
- </f:facet>
-
- </h:panelGrid>
+ <h:form>
+ <h:panelGrid styleClass="rsPanel" width="250" columns="2">
+ <h:outputText styleClass="rsLabel" value="Name:" />
+ <h:inputText styleClass="rsInput" value="#{userBean.name}" />
+
+ <h:outputText styleClass="rsLabel" value="Job:" />
+ <h:inputText styleClass="rsInput" value="#{userBean.job}" />
+
+ <h:panelGroup />
+ <h:commandButton styleClass="rsButton" value="Submit">
+ <a4j:support disableDefault="true" event="onclick" reRender="out" />
+ </h:commandButton>
+
+ <f:facet name="footer">
+ </f:facet>
+
+ </h:panelGrid>
+ </h:form>
<h:panelGrid id="out" columns="1">
<h:outputText value=""/>
@@ -44,10 +50,10 @@
<h:outputText value="Name: #{userBean.name}" />
<h:outputText value="Job: #{userBean.job}" />
</h:panelGrid>
-
+
</rich:panel>
<rich:spacer height="20" />
+ </div>
-
</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -21,8 +21,8 @@
RichFaces resource framework. For example, if you script file is located inside the
jar file and has a full path there: /org/mycompany/assets/script/focus.js , you can
point to it with:
- <pre>
- <a4j:loadScript src="resource:///org/mycompany/assets/script/focus.js" />
+ <pre style="margin:0px">
+ <span class="xml_tag_symbols"><</span><span class="xml_tag_name">a4j:loadScript</span><span class="xml_plain"> </span><span class="xml_attribute_name">src</span><span class="xml_tag_symbols">=</span><span class="xml_attribute_value">"resource:///org/mycompany/assets/script/focus.js"</span><span class="xml_plain"> </span><span class="xml_tag_symbols">/></span><span class="xml_plain"/>
</pre>
</p>
<p>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/examples/spacers.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/examples/spacers.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/examples/spacers.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -0,0 +1,17 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <p>
+ There is a spacer 100x10<rich:spacer width="100" height="10" title="Here is a spacer..."/>before this.
+ </p>
+ <p>
+ There is 1x5 spacer between two lines below:
+ <div style="height:0px; border:1px solid #{a4jSkin.panelBorderColor}"/>
+ <rich:spacer width="1" height="5" title="Here is a spacer..."/>
+ <div style="height:0px; border:1px solid #{a4jSkin.panelBorderColor}"/>
+ </p>
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/usage.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/spacer/usage.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -6,23 +6,15 @@
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
- <p>
- Spacer is a simple component that render invisible image with given width, height. Usually it used to separate elements of page design.
- </p>
- <p>
- There is a spacer 100x10<rich:spacer width="100" height="10" title="Here is a spacer..."/>before this.
- </p>
- <br/>
- There is 1x5 spacer between two lines below:
- <div style="height:0px; border:1px solid #{a4jSkin.panelBorderColor}"/>
- <rich:spacer width="1" height="5" title="Here is a spacer..."/>
- <div style="height:0px; border:1px solid #{a4jSkin.panelBorderColor}"/>
- <br/>
-
+ <p>
+ Spacer is a simple component that render invisible image with given width, height. Usually it used to separate elements of page design.
+ </p>
+
+ <ui:include src="/richfaces/spacer/examples/spacers.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/spacer/examples/spacers.xhtml"/>
+ </ui:include>
</ui:define>
- <ui:define name="sources">
- Here is fragment of page sources for given example. Note how we used skin parameters to define border color for span.
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/spacer/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/examples/skinedPanel.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/examples/skinedPanel.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/examples/skinedPanel.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -0,0 +1,55 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+ <a4j:loadStyle src="resource:///org/richfaces/demo/ajaxSamples/rspanel.xcss" />
+ <h:form>
+
+ <rich:panel>
+ <f:facet name="header">
+ <h:outputText value="Applying Skin on non-RichFaces Components"/>
+ </f:facet>
+ <h:commandLink value="DeepMarine">
+ <a4j:actionparam name="skin" value="deepMarine" assignTo="#{skinBean.skin}"/>
+ </h:commandLink>
+ <rich:spacer width="20" />
+ <h:commandLink value="BlueSky" >
+ <a4j:actionparam name="skin" value="blueSky" assignTo="#{skinBean.skin}"/>
+ </h:commandLink>
+ <rich:spacer width="20" />
+ <h:commandLink value="JapanCherry" >
+ <a4j:actionparam name="skin" value="japanCherry" assignTo="#{skinBean.skin}"/>
+ </h:commandLink>
+
+ <rich:separator height="2" style="padding:10px 0" />
+
+ <h:panelGrid styleClass="rsPanel" width="250" columns="2">
+ <h:outputText styleClass="rsLabel" value="Name:" />
+ <h:inputText styleClass="rsInput" value="#{userBean.name}" />
+
+ <h:outputText styleClass="rsLabel" value="Job:" />
+ <h:inputText styleClass="rsInput" value="#{userBean.job}" />
+
+ <h:panelGroup />
+ <h:commandButton styleClass="rsButton" value="Submit">
+ <a4j:support disableDefault="true" event="onclick" reRender="out" />
+ </h:commandButton>
+
+ <f:facet name="footer">
+ </f:facet>
+
+ </h:panelGrid>
+ <h:panelGrid id="out" columns="1">
+
+ <h:outputText value=""/>
+ <h:outputText value="You have just entered:"/>
+ <h:outputText value="Name: #{userBean.name}" />
+ <h:outputText value="Job: #{userBean.job}" />
+ </h:panelGrid>
+
+ </rich:panel>
+ </h:form>
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/style/usage.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -21,10 +21,10 @@
RichFaces resource framework. For example, if you css file is located inside the
jar file and has a full path there: /org/mycompany/assets/css/common.css , you can
point to it with:
- <pre>
- <a4j:loadScript src="resource:///org/mycompany/assets/css/common.css" />
- </pre>
</p>
+<pre style="margin:0px">
+ <span class="xml_tag_symbols"><</span><span class="xml_tag_name">a4j:loadScript</span><span class="xml_plain"> </span><span class="xml_attribute_name">src</span><span class="xml_tag_symbols">=</span><span class="xml_attribute_value">"resource:///org/mycompany/assets/css/common.css"</span><span class="xml_plain"> </span><span class="xml_tag_symbols">/></span><span class="xml_plain"/>
+</pre>
<p>
Richfaces allows to have a dynamically generated css file based on RichFaces
skinability feature. xcss is a XML formated css with some additional extentions.
@@ -33,64 +33,15 @@
of only non-Richfaces component, but it is sensitive to the current skin.
</p>
- <a4j:loadStyle src="resource:///org/richfaces/demo/ajaxSamples/rspanel.xcss" />
-
-
-
<div class="sample-container" >
- <h:form>
-
- <rich:panel>
- <f:facet name="header">
- <h:outputText value="Applying Skin on non-RichFaces Components"/>
- </f:facet>
- <h:commandLink value="DeepMarine">
- <a4j:actionparam name="skin" value="deepMarine" assignTo="#{skinBean.skin}"/>
- </h:commandLink>
- <rich:spacer width="20" />
- <h:commandLink value="BlueSky" >
- <a4j:actionparam name="skin" value="blueSky" assignTo="#{skinBean.skin}"/>
- </h:commandLink>
- <rich:spacer width="20" />
- <h:commandLink value="JapanCherry" >
- <a4j:actionparam name="skin" value="japanCherry" assignTo="#{skinBean.skin}"/>
- </h:commandLink>
- <rich:separator height="2" style="padding:10px 0" />
-
- <h:panelGrid styleClass="rsPanel" width="250" columns="2">
- <h:outputText styleClass="rsLabel" value="Name:" />
- <h:inputText styleClass="rsInput" value="#{userBean.name}" />
-
- <h:outputText styleClass="rsLabel" value="Job:" />
- <h:inputText styleClass="rsInput" value="#{userBean.job}" />
-
- <h:panelGroup />
- <h:commandButton styleClass="rsButton" value="Submit">
- <a4j:support disableDefault="true" event="onclick" reRender="out" />
- </h:commandButton>
-
- <f:facet name="footer">
- </f:facet>
-
- </h:panelGrid>
- <h:panelGrid id="out" columns="1">
-
- <h:outputText value=""/>
- <h:outputText value="You have just entered:"/>
- <h:outputText value="Name: #{userBean.name}" />
- <h:outputText value="Job: #{userBean.job}" />
- </h:panelGrid>
-
- </rich:panel>
- </h:form>
-
+ <ui:include src="/richfaces/style/examples/skinedPanel.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/style/examples/skinedPanel.xhtml"/>
+ </ui:include>
</div>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/style/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/custom.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/custom.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/custom.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -0,0 +1,31 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+ <style>
+ .rich-tab-inactive {
+ cursor: pointer;
+ }
+ .rich-tabpanel-content {
+ border-width: 1px 0px 0px 0px;
+ background-color: transparent;
+ }
+ </style>
+ <p>
+ Here is an example of default tab panel with 3 tabs.
+ <rich:tabPanel headerAlignment="right" switchType="client">
+ <rich:tab label="First">
+ Here is tab #1
+ </rich:tab>
+ <rich:tab label="Second">
+ Here is tab #2
+ </rich:tab>
+ <rich:tab label="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+ </p>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/switchTypes.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/switchTypes.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/examples/switchTypes.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -0,0 +1,50 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+ <p>
+ Here is an example of default tab panel with 3 tabs.
+ <rich:tabPanel>
+ <rich:tab label="First">
+ Here is tab #1
+ </rich:tab>
+ <rich:tab label="Second">
+ Here is tab #2
+ </rich:tab>
+ <rich:tab label="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+ </p>
+ <p>
+ Here is an example of tab panel switched in "ajax" style. Second tab is disabled.
+ <rich:tabPanel switchType="ajax">
+ <rich:tab label="First">
+ Here is tab #1
+ </rich:tab>
+ <rich:tab label="Second" disabled="true">
+ Here is tab #2
+ </rich:tab>
+ <rich:tab label="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+ </p>
+ <p>
+ Here is an example of tab panel switched completely on client.
+ <rich:tabPanel switchType="client">
+ <rich:tab label="First">
+ Here is tab #1
+ </rich:tab>
+ <rich:tab label="Second">
+ Here is tab #2
+ </rich:tab>
+ <rich:tab label="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+ </p>
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/look-customization.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/look-customization.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/look-customization.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -6,37 +6,20 @@
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
- <p>
- This is a demo of use stylesheets and skinability features to adjust tab spanel look. Here we use pre-defined classes for tab panel
- "rich-tab-inactive", "rich-tab-active" and "rich-tabpanel-content" to adjust tab panel look. Note how look of tabs above also affected.
- </p>
-<style>
-.rich-tab-inactive {
- cursor: pointer;
-}
-.rich-tabpanel-content {
- border-width: 1px 0px 0px 0px;
- background-color: transparent;
-}
-</style>
-<p>
-Here is an example of default tab panel with 3 tabs.
-<rich:tabPanel headerAlignment="right" switchType="client">
- <rich:tab label="First">
- Here is tab #1
- </rich:tab>
- <rich:tab label="Second">
- Here is tab #2
- </rich:tab>
- <rich:tab label="Third">
- Here is tab #3
- </rich:tab>
-</rich:tabPanel>
-</p>
+ <p>
+ This is a demo of use stylesheets and skinability features to adjust tab spanel look. Here we use pre-defined classes for tab panel
+ "rich-tab-inactive", "rich-tab-active" and "rich-tabpanel-content" to adjust tab panel look. Note how look of tabs above also affected.
+ </p>
+
+ <div id="itme" class="sample-container">
+
+ <ui:include src="/richfaces/tabPanel/examples/custom.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/tabPanel/examples/custom.xhtml"/>
+ </ui:include>
+
+ </div>
</ui:define>
- <ui:define name="sources">
- Here is fragment of page sources for given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/tabPanel/source/look-customization.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/usage.xhtml 2007-08-11 00:30:28 UTC (rev 2210)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tabPanel/usage.xhtml 2007-08-11 00:49:45 UTC (rev 2211)
@@ -10,52 +10,16 @@
Tab panel use to create "tabbed" pages. RichFaces tab panel can be switched in 3 way - using "normal" server-side update, using "ajax" style update, when only tab panel area will be updated on the page, and using "client" type - without any interaction with server.
Note, that in case of "client" switch type all tabs will be rendered at the same time.
</p>
- <p>
- Here is an example of default tab panel with 3 tabs.
- <rich:tabPanel>
- <rich:tab label="First">
- Here is tab #1
- </rich:tab>
- <rich:tab label="Second">
- Here is tab #2
- </rich:tab>
- <rich:tab label="Third">
- Here is tab #3
- </rich:tab>
- </rich:tabPanel>
- </p>
- <p>
- Here is an example of tab panel switched in "ajax" style. Second tab is disabled.
- <rich:tabPanel switchType="ajax">
- <rich:tab label="First">
- Here is tab #1
- </rich:tab>
- <rich:tab label="Second" disabled="true">
- Here is tab #2
- </rich:tab>
- <rich:tab label="Third">
- Here is tab #3
- </rich:tab>
- </rich:tabPanel>
- </p>
- <p>
- Here is an example of tab panel switched completely on client.
- <rich:tabPanel switchType="client">
- <rich:tab label="First">
- Here is tab #1
- </rich:tab>
- <rich:tab label="Second">
- Here is tab #2
- </rich:tab>
- <rich:tab label="Third">
- Here is tab #3
- </rich:tab>
- </rich:tabPanel>
- </p>
+ <div id="itme" class="sample-container">
+
+ <ui:include src="/richfaces/tabPanel/examples/switchTypes.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/tabPanel/examples/switchTypes.xhtml"/>
+ </ui:include>
+
+ </div>
+
</ui:define>
- <ui:define name="sources">
- Here is fragment of page sources for given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/tabPanel/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
18 years, 9 months
JBoss Rich Faces SVN: r2210 - in trunk: framework/impl/src/main/javascript/ajaxjsf and 1 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: alexsmirnov
Date: 2007-08-10 20:30:28 -0400 (Fri, 10 Aug 2007)
New Revision: 2210
Modified:
trunk/cdk/maven-archetype-jsfwebapp/src/main/resources/archetype-resources/src/main/webapp/WEB-INF/web.xml
trunk/framework/impl/src/main/javascript/ajaxjsf/JSFAJAX.js
trunk/samples/richfaces-demo/pom.xml
Log:
Add log trace in page replace function.
Set absolute path for a richfaces-demo sources in webapp
Modified: trunk/cdk/maven-archetype-jsfwebapp/src/main/resources/archetype-resources/src/main/webapp/WEB-INF/web.xml
===================================================================
--- trunk/cdk/maven-archetype-jsfwebapp/src/main/resources/archetype-resources/src/main/webapp/WEB-INF/web.xml 2007-08-10 22:31:19 UTC (rev 2209)
+++ trunk/cdk/maven-archetype-jsfwebapp/src/main/resources/archetype-resources/src/main/webapp/WEB-INF/web.xml 2007-08-11 00:30:28 UTC (rev 2210)
@@ -43,6 +43,7 @@
<dispatcher>REQUEST</dispatcher>
<dispatcher>FORWARD</dispatcher>
<dispatcher>INCLUDE</dispatcher>
+ <dispatcher>ERROR</dispatcher>
</filter-mapping>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
Modified: trunk/framework/impl/src/main/javascript/ajaxjsf/JSFAJAX.js
===================================================================
--- trunk/framework/impl/src/main/javascript/ajaxjsf/JSFAJAX.js 2007-08-10 22:31:19 UTC (rev 2209)
+++ trunk/framework/impl/src/main/javascript/ajaxjsf/JSFAJAX.js 2007-08-11 00:30:28 UTC (rev 2210)
@@ -756,12 +756,14 @@
};
A4J.AJAX.replacePage = function(req){
- var isIE = _SARISSA_IS_IE;
+ LOG.debug("replace all page content with response");
+ var isIE = _SARISSA_IS_IE;
// maksimkaszynski
//Prevent "Permission denied in IE7"
//Reset calling principal
var oldDocOpen = window.document.open;
if (isIE) {
+ LOG.debug("setup custom document.open method");
window.document.open = function() {
oldDocOpen.apply(this, arguments);
}
@@ -771,32 +773,43 @@
var isDocOpen=false;
try {
window.document.open(req.getContentType(),true);
+ LOG.debug("window.document has opened for writing");
isDocOpen=true;
window.document.write(req.getResponseText());
+ LOG.debug("window.document has been writed");
window.document.close();
+ LOG.debug("window.document has been closed for writing");
if(isIE){
// For Ie , scripts on page not activated.
window.location.reload(false);
}
} catch(e) {
+ LOG.debug("exception during write page content "+e.Message);
if(isDocOpen){
window.document.close();
}
// Firefox/Mozilla in XHTML case don't support document.write()
// Use dom manipulation instead.
- var oDomDoc = (new DOMParser()).parseFromString(req.getResponseText(), req.getContentType());
- Sarissa.clearChildNodes(window.document.documentElement);
- var docNodes = oDomDoc.documentElement.childNodes;
- for(var i = 0;i<docNodes.length;i++){
+ var oDomDoc = (new DOMParser()).parseFromString(req.getResponseText(), "text/xml");
+ if(Sarissa.getParseErrorText(oDomDoc) == Sarissa.PARSED_OK){
+ LOG.debug("response has parsed as DOM documnet.");
+ Sarissa.clearChildNodes(window.document.documentElement);
+ var docNodes = oDomDoc.documentElement.childNodes;
+ for(var i = 0;i<docNodes.length;i++){
if(docNodes[i].nodeType == 1){
+ LOG.debug("append new node in document");
var node = window.document.importNode(docNodes[i], true);
window.document.documentElement.appendChild(node);
}
+ }
+ } else {
+ LOG.error("Error parsing response",Sarissa.getParseErrorText(oDomDoc));
}
// TODO - scripts reloading ?
} finally {
window.document.open = oldDocOpen;
}
+ LOG.debug("page content has been replaced");
},30);
}
Modified: trunk/samples/richfaces-demo/pom.xml
===================================================================
--- trunk/samples/richfaces-demo/pom.xml 2007-08-10 22:31:19 UTC (rev 2209)
+++ trunk/samples/richfaces-demo/pom.xml 2007-08-11 00:30:28 UTC (rev 2210)
@@ -48,7 +48,7 @@
<webResources>
<resource>
<!-- this is relative to the pom.xml directory -->
- <directory>src/main/java</directory>
+ <directory>${basedir}/src/main/java</directory>
<targetPath>WEB-INF/src</targetPath>
</resource>
</webResources>
18 years, 9 months
JBoss Rich Faces SVN: r2209 - in trunk/samples/richfaces-demo/src/main/webapp: richfaces/actionparam/examples and 33 other directories.
by richfaces-svn-commits@lists.jboss.org
Author: SergeySmirnov
Date: 2007-08-10 18:31:19 -0400 (Fri, 10 Aug 2007)
New Revision: 2209
Added:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/changeSkin.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/snippets/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/snippets/commandLinkProblem.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/examples/simplePanel.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintBean.java
trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintData.java
trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/painter.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/headlessPanel.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/lookCustom.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/nestedPanels.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/simplePanel.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/examples/example.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/examples/variants.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/basic.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/difftypes.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml
Removed:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/ajaxAttributes/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/source/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/source/
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/look-customization.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml
Log:
samples are added
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,21 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+<h:form>
+ <rich:panel>
+ <a4j:commandButton value="Set Name to Alex" reRender="rep" >
+ <a4j:actionparam name="username" value="Alex" assignTo="#{userBean.name}"/>
+ </a4j:commandButton>
+ <rich:spacer width="20" />
+ <a4j:commandButton value="Set Name to John" reRender="rep" >
+ <a4j:actionparam name="username" value="John" assignTo="#{userBean.name}"/>
+ </a4j:commandButton>
+ </rich:panel>
+ <rich:panel>
+ <h:outputText id="rep" value="Selected Name:#{userBean.name}"/>
+ </rich:panel>
+</h:form>
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/changeSkin.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/changeSkin.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/changeSkin.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,21 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+ <h:form>
+ <rich:panel>
+ <f:facet name="header">
+ <h:outputText value="Change Demo Appplication Skin To: "/>
+ </f:facet>
+ <h:commandLink value="DeepMarine">
+ <a4j:actionparam name="skin" value="deepMarine" assignTo="#{skinBean.skin}"/>
+ </h:commandLink>
+ <rich:spacer width="20" />
+ <h:commandLink value="BlueSky" >
+ <a4j:actionparam name="skin" value="blueSky" assignTo="#{skinBean.skin}"/>
+ </h:commandLink>
+ </rich:panel>
+ </h:form>
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,24 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+ <h:form>
+ <a4j:commandButton value="Show Screen Size" reRender="infoPanel">
+ <a4j:actionparam name="w" value="screen.width"
+ assignTo="#{userBean.screenWidth}" noEscape="true" />
+ <a4j:actionparam name="h" value="screen.height"
+ assignTo="#{userBean.screenHeight}" noEscape="true" />
+ </a4j:commandButton>
+
+ <rich:panel id="infoPanel">
+ <h:panelGrid columns="2">
+ <h:outputText value="Width:" />
+ <h:outputText value="#{userBean.screenWidth}"/>
+ <h:outputText value="Height:" />
+ <h:outputText value="#{userBean.screenHeight}"/>
+ </h:panelGrid>
+ </rich:panel>
+ </h:form>
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -19,25 +19,10 @@
directly using the assignTo attribute.
</p>
<div class="sample-container">
- <h:form>
- <rich:panel>
- <a4j:commandButton value="Set Name to Alex" reRender="rep" >
- <a4j:actionparam name="username" value="Alex" assignTo="#{userBean.name}"/>
- </a4j:commandButton>
- <rich:spacer width="20" />
- <a4j:commandButton value="Set Name to John" reRender="rep" >
- <a4j:actionparam name="username" value="John" assignTo="#{userBean.name}"/>
- </a4j:commandButton>
- </rich:panel>
- <rich:panel>
- <h:outputText id="rep" value="Selected Name:#{userBean.name}"/>
- </rich:panel>
- </h:form>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath" value="/richfaces/actionparam/source/assignTo.xhtml"/>
- </ui:include>
-
-
+ <ui:include src="/richfaces/actionparam/examples/assignTo.xhtml" />
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/actionparam/examples/assignTo.xhtml"/>
+ </ui:include>
</div>
<p>
You can use a4j:param not only with ajax components, but with non-ajax command component also.
@@ -46,22 +31,10 @@
invoking even a single line of java code on the server side.
</p>
<div class="sample-container">
- <h:form>
- <rich:panel>
- <f:facet name="header">
- <h:outputText value="Change Demo Appplication Skin To: "/>
- </f:facet>
- <h:commandLink value="DeepMarine">
- <a4j:actionparam name="skin" value="deepMarine" assignTo="#{skinBean.skin}"/>
- </h:commandLink>
- <rich:spacer width="20" />
- <h:commandLink value="BlueSky" >
- <a4j:actionparam name="skin" value="blueSky" assignTo="#{skinBean.skin}"/>
- </h:commandLink>
- </rich:panel>
- </h:form>
+
+ <ui:include src="/richfaces/actionparam/examples/changeSkin.xhtml"/>
<ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath" value="/richfaces/actionparam/source/changeSkin.xhtml"/>
+ <ui:param name="sourcepath" value="/richfaces/actionparam/examples/changeSkin.xhtml"/>
</ui:include>
</div>
@@ -78,28 +51,14 @@
the backing bean with browser screen size values.
</p>
<div class="sample-container">
- <h:form>
- <a4j:commandButton value="Show Screen Size" reRender="infoPanel">
- <a4j:actionparam name="w" value="screen.width"
- assignTo="#{userBean.screenWidth}" noEscape="true" />
- <a4j:actionparam name="h" value="screen.height"
- assignTo="#{userBean.screenHeight}" noEscape="true" />
- </a4j:commandButton>
-
- <rich:panel id="infoPanel">
- <h:panelGrid columns="2">
- <h:outputText value="Width:" />
- <h:outputText value="#{userBean.screenWidth}"/>
- <h:outputText value="Height:" />
- <h:outputText value="#{userBean.screenHeight}"/>
- </h:panelGrid>
- </rich:panel>
- </h:form>
+ <ui:include src="/richfaces/actionparam/examples/screenSize.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/actionparam/examples/screenSize.xhtml"/>
+ </ui:include>
</div>
+
+
</ui:define>
- <ui:define name="sources">
- Here is a part of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/actionparam/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,24 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1" />
+
+ <a4j:form>
+ <h:panelGrid columns="3">
+ <h:outputText value="Name:" />
+ <h:inputText value="#{userBean.name}" />
+ <a4j:commandButton value="Say Hello" reRender="out" />
+ </h:panelGrid>
+ </a4j:form>
+ <h:panelGroup id="out">
+ <h:outputText value="Hello " rendered="#{not empty userBean.name}" />
+ <h:outputText value="#{userBean.name}" />
+ <h:outputText value="!" rendered="#{not empty userBean.name}" />
+ </h:panelGroup>
+
+ <rich:separator height="1" style="padding-top:10px" />
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -21,22 +21,12 @@
</p>
<div class="sample-container" >
- <rich:separator height="1" />
-
- <a4j:form>
- <h:panelGrid columns="3">
- <h:outputText value="Name:" />
- <h:inputText value="#{userBean.name}" />
- <a4j:commandButton value="Say Hello" reRender="out" />
- </h:panelGrid>
- </a4j:form>
- <h:panelGroup id="out">
- <h:outputText value="Hello " rendered="#{not empty userBean.name}" />
- <h:outputText value="#{userBean.name}" />
- <h:outputText value="!" rendered="#{not empty userBean.name}" />
- </h:panelGroup>
-
- <rich:separator height="1" style="padding-top:10px" />
+
+ <ui:include src="/richfaces/commandButton/examples/sayHello.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/commandButton/examples/sayHello.xhtml"/>
+ </ui:include>
+
</div>
<p>
For additional information about attributes of this compponent read
@@ -46,9 +36,6 @@
</p>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/commandButton/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,26 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1" />
+
+ <a4j:form>
+ <h:panelGrid columns="3">
+ <h:outputText value="Name:" />
+ <h:inputText value="#{userBean.name}" />
+ <a4j:commandLink reRender="out">
+ <h:outputText value="Say Hello" />
+ </a4j:commandLink>
+ </h:panelGrid>
+ </a4j:form>
+ <h:panelGroup id="out">
+ <h:outputText value="Hello " rendered="#{not empty userBean.name}" />
+ <h:outputText value="#{userBean.name}" />
+ <h:outputText value="!" rendered="#{not empty userBean.name}" />
+ </h:panelGroup>
+
+ <rich:separator height="1" style="padding-top:10px" />
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -21,24 +21,11 @@
</p>
<div class="sample-container" >
- <rich:separator height="1" />
-
- <a4j:form>
- <h:panelGrid columns="3">
- <h:outputText value="Name:" />
- <h:inputText value="#{userBean.name}" />
- <a4j:commandLink reRender="out">
- <h:outputText value="Say Hello" />
- </a4j:commandLink>
- </h:panelGrid>
- </a4j:form>
- <h:panelGroup id="out">
- <h:outputText value="Hello " rendered="#{not empty userBean.name}" />
- <h:outputText value="#{userBean.name}" />
- <h:outputText value="!" rendered="#{not empty userBean.name}" />
- </h:panelGroup>
-
- <rich:separator height="1" style="padding-top:10px" />
+
+ <ui:include src="/richfaces/commandLink/examples/sayHello.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/commandLink/examples/sayHello.xhtml"/>
+ </ui:include>
</div>
<p>
For additional information about attributes of this compponent read
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,37 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <h:panelGrid columns="2">
+ <rich:panel>
+ <f:facet name="header">
+ <h:outputText value="Form with ajaxSubmit equals true"/>
+ </f:facet>
+
+ <a4j:form ajaxSubmit="true" reRender="name">
+ <h:panelGrid>
+ <h:commandButton value="Set Local Name to John (Ajax)" action="#{userBean.nameItJohn}" />
+ <h:outputText id="name" value="Name:#{userBean.name}" />
+ </h:panelGrid>
+ </a4j:form>
+ </rich:panel>
+
+ <rich:panel>
+ <f:facet name="header">
+ <h:outputText value="Form with ajaxSubmit equals false"/>
+ </f:facet>
+
+ <a4j:form>
+ <h:panelGrid>
+ <h:commandButton value="Set Both Name to Mark (non-Ajax)" action="#{userBean.nameItMark}" />
+ <h:outputText id="name" value="Name:#{userBean.name}" />
+ </h:panelGrid>
+ </a4j:form>
+
+ </rich:panel>
+
+ </h:panelGrid>
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/snippets/commandLinkProblem.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/snippets/commandLinkProblem.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/snippets/commandLinkProblem.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,13 @@
+ ....
+ <-- This code does not work correctly after the link is re-rendered -->
+ <h:form>
+ ....
+ <a4j:commandButton value="Update Non-Ajax Link" reRender="panel" />
+ ....
+ <h:panelGrid id="panel">
+ ....
+ <h:commandLink value="Non-Ajax Submit" action="foo" />
+ ....
+ </h:panelGrid>
+ ....
+ </h:form>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -29,21 +29,10 @@
you point to it with reRender, the wrong code is generated that causes the broken functionality
when user clicks this link later. The example of problematic code is below. To fix the code,
you need to replace h:form with a4j:form and h:commandLink with a4j:htmlCommandLink.
- <pre>
- ....
- <-- This code does not work correctly -->
- <h:form>
- ....
- <a4j:commandButton value="Update Non-Ajax Link" reRender="panel" />
- ....
- <h:panelGrid id="panel">
- ....
- <h:commandLink value="Non-Ajax Submit" action="foo" />
- ....
- </h:panelGrid>
- ....
- </h:form>
- </pre>
+
+ <rich:insert src="/richfaces/form/snippets/commandLinkProblem.xhtml" highlight="xhtml"/>
+
+
</p>
<p>
When ajaxSubmit="true", all standard action components on this form become ajaxable. This
@@ -54,36 +43,12 @@
</p>
<div class="sample-container" >
- <h:panelGrid columns="2">
- <rich:panel>
- <f:facet name="header">
- <h:outputText value="Form with ajaxSubmit equals true"/>
- </f:facet>
-
- <a4j:form ajaxSubmit="true" reRender="name">
- <h:panelGrid>
- <h:commandButton value="Set Local Name to John (Ajax)" action="#{userBean.nameItJohn}" />
- <h:outputText id="name" value="Name:#{userBean.name}" />
- </h:panelGrid>
- </a4j:form>
- </rich:panel>
-
- <rich:panel>
- <f:facet name="header">
- <h:outputText value="Form with ajaxSubmit equals false"/>
- </f:facet>
-
- <a4j:form>
- <h:panelGrid>
- <h:commandButton value="Set Both Name to Mark (non-Ajax)" action="#{userBean.nameItMark}" />
- <h:outputText id="name" value="Name:#{userBean.name}" />
- </h:panelGrid>
- </a4j:form>
-
- </rich:panel>
-
- </h:panelGrid>
+ <ui:include src="/richfaces/form/examples/ajaxSubmit.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/form/examples/ajaxSubmit.xhtml"/>
+ </ui:include>
+
</div>
<p>
@@ -98,9 +63,6 @@
</h:outputLink>.
</p>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/form/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,29 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator lineType="solid" height="1" />
+ <table width="400">
+ <tbody>
+ <tr>
+ <td onmouseover="updateName('Alex')" onmouseout="updateName('')" > Alex</td>
+ <td onmouseover="updateName('Jonh')" onmouseout="updateName('')" > Jonh</td>
+ <td onmouseover="updateName('Roger')" onmouseout="updateName('')" > Roger</td>
+ </tr>
+ <tr>
+ <td colspan="3"><h:outputText id="showname" value="Name: #{userBean.name}" /></td>
+ </tr>
+ </tbody>
+ </table>
+
+ <a4j:form>
+ <a4j:jsFunction name="updateName" reRender="showname">
+ <a4j:actionparam name="param1" assignTo="#{userBean.name}" />
+ </a4j:jsFunction>
+ </a4j:form>
+
+ <rich:separator height="1" style="padding-top:10px" />
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -16,28 +16,13 @@
<div class="sample-container" >
- <rich:separator lineType="solid" height="1" />
- <table width="400">
- <tbody>
- <tr>
- <td onmouseover="updateName('Alex')" onmouseout="updateName('')" > Alex</td>
- <td onmouseover="updateName('Jonh')" onmouseout="updateName('')" > Jonh</td>
- <td onmouseover="updateName('Roger')" onmouseout="updateName('')" > Roger</td>
- </tr>
- <tr>
- <td colspan="3"><h:outputText id="showname" value="Name: #{userBean.name}" /></td>
- </tr>
- </tbody>
- </table>
- <a4j:form>
- <a4j:jsFunction name="updateName" reRender="showname">
- <a4j:actionparam name="param1" assignTo="#{userBean.name}" />
- </a4j:jsFunction>
- </a4j:form>
-
- <rich:separator height="1" style="padding-top:10px" />
+ <ui:include src="/richfaces/jsFunction/examples/hoverEcho.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/jsFunction/examples/hoverEcho.xhtml"/>
+ </ui:include>
</div>
+
<p>
<b>name</b> attribute defines the name of the function that will be generated. You
can use it as a regular Javascript function name to invoke. a4j:actionparam
@@ -59,9 +44,6 @@
</h:outputLink>.
</p>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/jsFunction/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/examples/simplePanel.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/examples/simplePanel.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/examples/simplePanel.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,36 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <script>
+ function getRightTop(ref) {
+ var position = new Object();
+ position.top = 0; //ref.offsetTop;
+ position.left =0; // ref.offsetLeft+ref.clientWidth+6;
+ return position;
+ }
+ </script>
+ <rich:modalPanel id="mp" minHeight="200" minWidth="450"
+ height="200" width="500" zindex="2000">
+ <f:facet name="header">
+ <h:outputText value="Modal Panel Title" />
+ </f:facet>
+ <f:facet name="controls">
+ <h:graphicImage value="/images/modal/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('mp')" />
+ </f:facet>
+ <p>Any JSF content might be inside the panel. In case of using
+ Facelets or JSF 1.2, it might be any mixed content.</p>
+
+ <p>The RichFaces modal panel is good with <a4j:include> to create
+ a wizard like behavior.</p>
+ <p>The model panel is open and closed from the javascript function
+ on <i>Richfaces</i> object. The following code
+ <a href="javascript:Richfaces.hideModalPanel('mp')">hide this panel</a>:
+ Richfaces.hideModalPanel('mp')</p>
+
+ </rich:modalPanel>
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -7,53 +7,31 @@
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
-<script>
- function getRightTop(ref) {
- var position = new Object();
- position.top = 0; //ref.offsetTop;
- position.left =0; // ref.offsetLeft+ref.clientWidth+6;
- return position;
- }
-</script>
+
<p>RichFaces Modal Panel is a container that blocks the operation on the base page when the modal
panel is shown.</p>
<p>You can show the modal panel using the folowing javascript function: Richfaces.hideModalPanel(id, params).
- For example, <a href="javascript:Richfaces.showModalPanel('mp',{width:450, top:200})">
+ For example, this line code invoke the modal panel:
+ <a href="javascript:Richfaces.showModalPanel('mp',{width:450, top:200})">
Richfaces.showModalPanel('mp',{width:450, top:200})</a></p>
<div class="sample-container">
-
-
- <rich:modalPanel id="mp" minHeight="200" minWidth="450"
- height="200" width="500" zindex="2000">
- <f:facet name="header">
- <h:outputText value="Modal Panel Title" />
- </f:facet>
- <f:facet name="controls">
- <h:graphicImage value="/images/modal/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('mp')" />
- </f:facet>
- <p>Any JSF content might be inside the panel. In case of using
- Facelets or JSF 1.2, it might be any mixed content.</p>
-
- <p>The RichFaces modal panel is good with <a4j:include> to create
- a wizard like behavior.</p>
- <p>The model panel is open and closed from the javascript function
- on <i>Richfaces</i> object. The following code
- <a href="javascript:Richfaces.hideModalPanel('mp')">hide this panel</a>:
- Richfaces.hideModalPanel('mp')</p>
-
- </rich:modalPanel>
-
-
-
+
+ <ui:include src="/richfaces/modalPanel/examples/simplePanel.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/modalPanel/examples/simplePanel.xhtml"/>
+ <ui:param name="openlabel" value="View Page Source" />
+ </ui:include>
+
</div>
+ <p>The modal panel has absolute layout. Absolutly, no reason to put in on the page
+ where it is called. If modal panel has a form element, it should have it own form.
+ In this case, it must be declired outside of the other form on the same page.
+ I.e. nested form are not allowed.<br/>
+ Those requirements are apply because due to the bug of earlier Interner Expolrer versions,
+ the dialog are moved to the top of the browser DOM tree just after it is rendered.</p>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe
- src="${facesContext.externalContext.requestContextPath}/richfaces/modalPanel/source/usage.html"
- class="source_frame" />
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintBean.java
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintBean.java (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintBean.java 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,38 @@
+package org.richfaces.demo.paint2d;
+
+
+import java.awt.Color;
+import java.awt.Font;
+import java.awt.Graphics2D;
+import java.awt.geom.AffineTransform;
+
+public class PaintBean {
+
+ private int fontSize;
+
+ public void paint(Graphics2D g2d, Object obj) {
+
+ PaintData data = (PaintData) obj;
+
+ int testLenght = data.text.length();
+ fontSize = testLenght < 8? 40 : 40 - (testLenght - 8);
+ if (fontSize < 12)fontSize = 12;
+ Font font = new Font("Serif", Font.HANGING_BASELINE, fontSize);
+ g2d.setFont(font);
+
+ int x = 10;
+ int y = fontSize*5/2;
+ g2d.translate(x, y);
+ Color color = new Color(data.color );
+
+ g2d.setPaint(new Color(color.getRed(),color.getGreen(), color.getBlue(), 30));
+ AffineTransform origTransform = g2d.getTransform();
+ g2d.shear(-0.5*data.scale, 0);
+ g2d.scale(1, data.scale);
+ g2d.drawString(data.text, 0, 0);
+
+ g2d.setTransform(origTransform);
+ g2d.setPaint(color);
+ g2d.drawString(data.text, 0, 0);
+ }
+}
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintData.java
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintData.java (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/PaintData.java 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,28 @@
+package org.richfaces.demo.paint2d;
+
+import java.io.Serializable;
+
+public class PaintData implements Serializable{
+ String text;
+ int color;
+ float scale;
+ public int getColor() {
+ return color;
+ }
+ public void setColor(int color) {
+ this.color = color;
+ }
+ public float getScale() {
+ return scale;
+ }
+ public void setScale(float scale) {
+ this.scale = scale;
+ }
+
+ public String getText() {
+ return text;
+ }
+ public void setText(String text) {
+ this.text = text;
+ }
+}
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/painter.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/painter.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/examples/painter.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,52 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1" style="padding:10px 0" />
+
+ <h:form>
+
+ <h:panelGrid columns="3" width="100%">
+
+ <h:inputText value="#{paintData.text}">
+ <a4j:support event="onkeyup" reRender=":painter" />
+ </h:inputText>
+
+ <h:panelGroup>
+ Color:
+ <rich:inputNumberSlider showInput="false"
+ showBoundaryValues="false" showToolTip="false"
+ value="#{paintData.color}" step="255" minValue="0"
+ maxValue="16000000">
+ <a4j:support event="onchange" reRender=":painter" />
+ <f:convertNumber />
+ </rich:inputNumberSlider>
+
+ </h:panelGroup>
+
+
+ <h:panelGroup>
+ Shadow:
+
+ <rich:inputNumberSlider showInput="false"
+ showBoundaryValues="false" showToolTip="false"
+ value="#{paintData.scale}" step="0.5" minValue="0" maxValue="3">
+ <a4j:support event="onchange" reRender=":painter" />
+ <f:convertNumber />
+ </rich:inputNumberSlider>
+
+ </h:panelGroup>
+
+
+ </h:panelGrid>
+ </h:form>
+ <rich:paint2D id="painter" width="300" height="120"
+ data="#{paintData}" format="png" paint="#{paintBean.paint}" />
+
+ <rich:separator height="1" style="padding:10px 0" />
+
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/paint2D/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -21,52 +21,30 @@
traffic over the net, a generated image will be cached if the data
is not changed. You can turn this feature of with a cacheable attribute.</p>
<div class="sample-container">
- <h:form>
- <h:panelGrid columns="3" width="100%">
+ <ui:include src="/richfaces/paint2D/examples/painter.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/paint2D/examples/painter.xhtml"/>
+ <ui:param name="openlabel" value="View Page Source" />
+ </ui:include>
- <h:inputText value="#{paintData.text}">
- <a4j:support event="onkeyup" reRender=":painter" />
- </h:inputText>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/paint2D/examples/PaintBean.java"/>
+ <ui:param name="openlabel" value="View PaintBean.java Source" />
+ <ui:param name="sourcetype" value="java" />
+ </ui:include>
- <h:panelGroup>
- Color:
- <rich:inputNumberSlider showInput="false"
- showBoundaryValues="false" showToolTip="false"
- value="#{paintData.color}" step="255" minValue="0"
- maxValue="16000000">
- <a4j:support event="onchange" reRender=":painter" />
- <f:convertNumber />
- </rich:inputNumberSlider>
- </h:panelGroup>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/paint2D/examples/PaintData.java"/>
+ <ui:param name="openlabel" value="View PaintData.java Source" />
+ <ui:param name="sourcetype" value="java" />
+ </ui:include>
-
- <h:panelGroup>
- Shadow:
-
- <rich:inputNumberSlider showInput="false"
- showBoundaryValues="false" showToolTip="false"
- value="#{paintData.scale}" step="0.5" minValue="0" maxValue="3">
- <a4j:support event="onchange" reRender=":painter" />
- <f:convertNumber />
- </rich:inputNumberSlider>
-
- </h:panelGroup>
-
-
- </h:panelGrid>
- </h:form>
- <rich:paint2D id="painter" width="300" height="120"
- data="#{paintData}" format="png" paint="#{paintBean.paint}" />
+
</div>
</ui:define>
- <ui:define name="sources">
- Here is fragment of page sources for given example:
- <iframe
- src="${facesContext.externalContext.requestContextPath}/richfaces/paint2D/source/usage.html"
- class="source_frame" />
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/headlessPanel.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/headlessPanel.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/headlessPanel.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,15 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:panel>
+ RichFaces is a library for adding rich user interface features to JSF
+ applications. It extends the Ajax4jsf framework to include a large
+ (and growing) set of powerful rich AJAX-enabled components that come
+ with extensive skins support.
+ </rich:panel>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/lookCustom.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/lookCustom.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/lookCustom.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,97 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <style>
+ .rich-panel-header {
+ color:#0054BD;
+ }
+ .panel {
+ vertical-align:top;
+ }
+ .top {
+ width:200px;height:100px;
+ }
+
+ .head2 {
+ background-image : url();
+ background-color : #4C9600;
+ height:18px;
+ text-align:center;
+ vertical-align:middle;
+ color:#CFF;
+ padding:4px 0;
+ }
+
+ .body3 {
+ height:100px;
+ overflow:auto;
+ }
+ </style>
+ <h:panelGrid columnClasses="panel" border="0" columns="2">
+ <rich:panel>
+ <f:facet name="header">
+ Panel #1. Changing Style Synchronously
+ </f:facet>
+ Each component in the RichFaces has a pre-defined set of classes you can manipulate with. If defined, those
+ classes overwrite the ones come from the skin.
+ </rich:panel>
+
+ <rich:panel>
+ <f:facet name="header">
+ Panel #2. Changing Style Synchronously
+ </f:facet>
+ In this example, we define header color using the .rich-panel-header class and all panels located on the same page
+ inherit this color
+ </rich:panel>
+
+ </h:panelGrid>
+
+ <h:panelGrid columnClasses="panel" border="0" columns="3">
+ <rich:panel
+ onmouseover="document.getElementById(this.id+'_header').style.background='#60BA01';document.getElementById(this.id+'_body').style.background='#F4FFF8'"
+ onmouseout="document.getElementById(this.id+'_header').style.background='#4C9600';document.getElementById(this.id+'_body').style.background='#E4FFC8'"
+ style="width:200px;" headerClass="head2" bodyClass="body3">
+ <f:facet name="header">
+ Panel header
+ </f:facet>
+ Base on the previous layout, but some javascript behaviour added.
+ </rich:panel>
+
+ <rich:panel style="width:200px;" bodyClass="body3">
+ <f:facet name="header">
+ Scrolling Text Panel
+ </f:facet>
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ </rich:panel>
+
+ <rich:panel styleClass="top">
+ This is a panel without the header
+ </rich:panel>
+
+ <rich:panel style="position: absolute; top: 400px; right: 100px; " styleClass="top">
+ <f:facet name="header">
+ Panel header
+ </f:facet>
+ This is a panel with absolute position on the screen.<br/>
+ Resize the browser's window to see the result.
+ </rich:panel>
+
+ </h:panelGrid>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/nestedPanels.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/nestedPanels.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/nestedPanels.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,44 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:panel style="padding:0" headerClass="outpanelHeader">
+ <f:facet name="header">
+ <rich:spacer height="4" />
+ </f:facet>
+ <h2 align="center"><h:outputText value="Benefits of Using Ajax4jsf" /></h2>
+ <h:panelGrid columns="2" columnClasses="gridContent">
+ <rich:panel bodyClass="inpanelBody">
+ <f:facet name="header">
+ For Application Developers
+ </f:facet>
+ For Application Developers
+ <ul>
+ <li>Production quality Open Source</li>
+ <li>Does Open Source and has an Open Architecture</li>
+ <li>Compatible with any JSF Implementation - MyFaces, JSF1.1, JSF1.2</li>
+ <li>Allows to Ajaxify JSF application without writing Javascript</li>
+ <li>Works with standard and third party components</li>
+ <li>Adds the Ajax capability to existing non-Ajax components</li>
+ </ul>
+ </rich:panel>
+ <rich:panel bodyClass="inpanelBody">
+ <f:facet name="header" >
+ For Component Developers
+ </f:facet>
+ <ul>
+ <li>Ajax4jsf is Open Source and has an Open Architecture</li>
+ <li>Gives an API to create components with built-in Ajax support</li>
+ <li>Has a Component Development Kit for rapid development</li>
+ <li>Allows to skin the look-n-feel using both CSS and set of skin-parameters</li>
+ <li>Automatically generates the unit test-cases for developing components</li>
+ <li>Allows to pack javascript code, images, css inside the final jar</li>
+ </ul>
+ </rich:panel>
+ </h:panelGrid>
+ </rich:panel>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/simplePanel.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/simplePanel.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/examples/simplePanel.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,21 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:panel>
+ <f:facet name="header">
+ Write your own custom rich components with built-in AJAX support
+ </f:facet>
+ The CDK includes a code-generation facility and a
+ templating facility using a JSP-like syntax. These capabilities help
+ to avoid a routine process of a component creation. The component factory
+ works like a well-oiled machine allowing the creation of first-class
+ rich components with built-in Ajax functionality even more easily than
+ the creation of simpler components by means of the traditional coding
+ approach.
+ </rich:panel>
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/look-customization.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/look-customization.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/look-customization.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -9,99 +9,12 @@
<p>
This is a demo of stylesheets usage and skinability features to adjust a panel look.
</p>
-<style>
-.rich-panel-header {
- color:#0054BD;
-}
-.panel {
- vertical-align:top;
-}
-.top {
- width:200px;height:100px;
-}
-.head2 {
- background-image : url();
- background-color : #4C9600;
- height:18px;
- text-align:center;
- vertical-align:middle;
- color:#CFF;
- padding:4px 0;
-}
-
-.body3 {
- height:100px;
- overflow:auto;
-}
-</style>
-<h:panelGrid columnClasses="panel" border="0" columns="2">
- <rich:panel>
- <f:facet name="header">
- Panel #1. Changing Style Synchronously
- </f:facet>
- Each component in the RichFaces has a pre-defined set of classes you can manipulate with. If defined, those
- classes overwrite the ones come from the skin.
- </rich:panel>
-
- <rich:panel>
- <f:facet name="header">
- Panel #2. Changing Style Synchronously
- </f:facet>
- In this example, we define header color using the .rich-panel-header class and all panels located on the same page
- inherit this color
- </rich:panel>
-
-</h:panelGrid>
-
-<h:panelGrid columnClasses="panel" border="0" columns="3">
- <rich:panel
- onmouseover="document.getElementById(this.id+'_header').style.background='#60BA01';document.getElementById(this.id+'_body').style.background='#F4FFF8'"
- onmouseout="document.getElementById(this.id+'_header').style.background='#4C9600';document.getElementById(this.id+'_body').style.background='#E4FFC8'"
- style="width:200px;" headerClass="head2" bodyClass="body3">
- <f:facet name="header">
- Panel header
- </f:facet>
- Base on the previous layout, but some javascript behaviour added.
- </rich:panel>
-
- <rich:panel style="width:200px;" bodyClass="body3">
- <f:facet name="header">
- Scrolling Text Panel
- </f:facet>
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- Long Text Long Text Long Text
- </rich:panel>
-
- <rich:panel styleClass="top">
- This is a panel without the header
- </rich:panel>
-
- <rich:panel style="position: absolute; bottom: 300px; right: 100px; " styleClass="top">
- <f:facet name="header">
- Panel header
- </f:facet>
- This is a panel with absolute position on the screen.<br/>
- Resize the browser's window to see the result.
- </rich:panel>
-
-</h:panelGrid>
-
+ <ui:include src="/richfaces/panel/examples/lookCustom.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/panel/examples/lookCustom.xhtml"/>
+ </ui:include>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/panel/source/look-customization.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panel/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -32,74 +32,36 @@
<div class="sample-container" >
- <rich:panel>
- <f:facet name="header">
- Write your own custom rich components with built-in AJAX support
- </f:facet>
- The CDK includes a code-generation facility and a
- templating facility using a JSP-like syntax. These capabilities help
- to avoid a routine process of a component creation. The component factory
- works like a well-oiled machine allowing the creation of first-class
- rich components with built-in Ajax functionality even more easily than
- the creation of simpler components by means of the traditional coding
- approach.
- </rich:panel>
- <br/>
-
+
+ <ui:include src="/richfaces/panel/examples/simplePanel.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/panel/examples/simplePanel.xhtml"/>
+ </ui:include>
+
+
</div>
<p>This is a panel without header:</p>
<div class="sample-container" >
- <rich:panel>
- RichFaces is a library for adding rich user interface features to JSF
- applications. It extends the Ajax4jsf framework to include a large
- (and growing) set of powerful rich AJAX-enabled components that come
- with extensive skins support.
- </rich:panel>
+
+ <ui:include src="/richfaces/panel/examples/headlessPanel.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/panel/examples/headlessPanel.xhtml"/>
+ </ui:include>
</div>
<p>The panels can be nested: </p>
<div class="sample-container" >
- <rich:panel style="padding:0" headerClass="outpanelHeader">
- <f:facet name="header">
- <rich:spacer height="4" />
- </f:facet>
- <h2 align="center"><h:outputText value="Benefits of Using Ajax4jsf" /></h2>
- <h:panelGrid columns="2" columnClasses="gridContent">
- <rich:panel bodyClass="inpanelBody">
- <f:facet name="header">
- For Application Developers
- </f:facet>
- For Application Developers
- <ul>
- <li>Production quality Open Source</li>
- <li>Does Open Source and has an Open Architecture</li>
- <li>Compatible with any JSF Implementation - MyFaces, JSF1.1, JSF1.2</li>
- <li>Allows to Ajaxify JSF application without writing Javascript</li>
- <li>Works with standard and third party components</li>
- <li>Adds the Ajax capability to existing non-Ajax components</li>
- </ul>
- </rich:panel>
- <rich:panel bodyClass="inpanelBody">
- <f:facet name="header" >
- For Component Developers
- </f:facet>
- <ul>
- <li>Ajax4jsf is Open Source and has an Open Architecture</li>
- <li>Gives an API to create components with built-in Ajax support</li>
- <li>Has a Component Development Kit for rapid development</li>
- <li>Allows to skin the look-n-feel using both CSS and set of skin-parameters</li>
- <li>Automatically generates the unit test-cases for developing components</li>
- <li>Allows to pack javascript code, images, css inside the final jar</li>
- </ul>
- </rich:panel>
- </h:panelGrid>
- </rich:panel>
+ <ui:include src="/richfaces/panel/examples/nestedPanels.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/panel/examples/nestedPanels.xhtml"/>
+ </ui:include>
+
</div>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/examples/example.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/examples/example.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/examples/example.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,32 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:panelBar height="400" width="500">
+ <rich:panelBarItem label="Leverage the whole set of JSF benefits while working with AJAX">
+ Ajax4jsf is fully integrated into the JSF lifecycle. While other frameworks only give you access to the managed bean facility, Ajax4jsf advantages the action and value change listeners as well as invokes server-side validators and converters during the AJAX request-response cycle.
+ </rich:panelBarItem>
+ <rich:panelBarItem label="Add AJAX capability to existing JSF applications">
+ The framework is implemented using a component library. The library set Ajax functionality into existing pages, so there is no need to write any JavaScript code or to replace existing components with new Ajax one. Ajax4jsf enables page-wide Ajax support instead of the traditional component-wide support and it gives the opportunity to define the event on the page. An event invokes an Ajax request and areas of the page which are synchronized with the JSF Component Tree after changing the data on the server by Ajax request in accordance with events fired on the client.
+ </rich:panelBarItem>
+ <rich:panelBarItem label="Write your own custom rich components with built-in AJAX support">
+ Component Development Kit (CDK) is a design-time extension for Ajax4jsf. The CDK includes a code-generation facility and a templating facility using a JSP-like syntax. These capabilities help to avoid a routine process of a component creation. The component factory works like a well-oiled machine allowing the creation of first-class rich components with built-in Ajax functionality even more easily than the creation of simpler components by means of the traditional coding approach.
+ </rich:panelBarItem>
+ <rich:panelBarItem label="Package resources with the application's Java classes ">
+ In addition to its core, Ajax functionality of Ajax4jsf provides an advanced support for the different resources management: pictures, JavaScript code, and CSS stylesheets. The resource framework makes possible to pack easily these resources into Jar files along with the code of your custom components.
+ </rich:panelBarItem>
+ <rich:panelBarItem label="Easily generate images on-the-fly">
+ Resource framework can generate images on-the-fly so that it becomes possible to create images using the familiar approach of the Java graphic2D library.
+ </rich:panelBarItem>
+ <rich:panelBarItem label="Create a modern rich user interface look-and-feel with skins-based technology">
+ Ajax4jsf provides a skinability feature that allows easily define and manage different color schemes and other parameters of the UI with the help of named skin parameters. Hence it is possible to access the skin parameters from JSP code and the Java code (e.g. to adjust generated on-the-fly images based on the text parts of the UI). Note: skinability is not an equivalent of traditional CSS, but a complement.
+ </rich:panelBarItem>
+ <rich:panelBarItem label="Test the components, actions, listeners, and pages as you are creating them">
+ An automated testing facility is in our roadmap for the near future. This facility will generate test cases for your component as soon as you develop it. The testing framework will not just test the components, but also any other server-side or client-side functionality including JavaScript code. What is more, it will do all of this without deploying the test application into the Servlet container.
+ </rich:panelBarItem>
+ </rich:panelBar>
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/panelBar/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -6,9 +6,7 @@
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
- <style>
- </style>
<p>
The Richfaces Panel Bar is a set of panels when one panel is expanded,
but other ones are collapsed. The following demo shows the example
@@ -18,39 +16,14 @@
<div class="sample-container" >
- <rich:panelBar height="400" width="500">
- <rich:panelBarItem label="Leverage the whole set of JSF benefits while working with AJAX">
- Ajax4jsf is fully integrated into the JSF lifecycle. While other frameworks only give you access to the managed bean facility, Ajax4jsf advantages the action and value change listeners as well as invokes server-side validators and converters during the AJAX request-response cycle.
- </rich:panelBarItem>
- <rich:panelBarItem label="Add AJAX capability to existing JSF applications">
- The framework is implemented using a component library. The library set Ajax functionality into existing pages, so there is no need to write any JavaScript code or to replace existing components with new Ajax one. Ajax4jsf enables page-wide Ajax support instead of the traditional component-wide support and it gives the opportunity to define the event on the page. An event invokes an Ajax request and areas of the page which are synchronized with the JSF Component Tree after changing the data on the server by Ajax request in accordance with events fired on the client.
- </rich:panelBarItem>
- <rich:panelBarItem label="Write your own custom rich components with built-in AJAX support">
- Component Development Kit (CDK) is a design-time extension for Ajax4jsf. The CDK includes a code-generation facility and a templating facility using a JSP-like syntax. These capabilities help to avoid a routine process of a component creation. The component factory works like a well-oiled machine allowing the creation of first-class rich components with built-in Ajax functionality even more easily than the creation of simpler components by means of the traditional coding approach.
- </rich:panelBarItem>
- <rich:panelBarItem label="Package resources with the application's Java classes ">
- In addition to its core, Ajax functionality of Ajax4jsf provides an advanced support for the different resources management: pictures, JavaScript code, and CSS stylesheets. The resource framework makes possible to pack easily these resources into Jar files along with the code of your custom components.
- </rich:panelBarItem>
- <rich:panelBarItem label="Easily generate images on-the-fly">
- Resource framework can generate images on-the-fly so that it becomes possible to create images using the familiar approach of the Java graphic2D library.
- </rich:panelBarItem>
- <rich:panelBarItem label="Create a modern rich user interface look-and-feel with skins-based technology">
- Ajax4jsf provides a skinability feature that allows easily define and manage different color schemes and other parameters of the UI with the help of named skin parameters. Hence it is possible to access the skin parameters from JSP code and the Java code (e.g. to adjust generated on-the-fly images based on the text parts of the UI). Note: skinability is not an equivalent of traditional CSS, but a complement.
- </rich:panelBarItem>
- <rich:panelBarItem label="Test the components, actions, listeners, and pages as you are creating them">
- An automated testing facility is in our roadmap for the near future. This facility will generate test cases for your component as soon as you develop it. The testing framework will not just test the components, but also any other server-side or client-side functionality including JavaScript code. What is more, it will do all of this without deploying the test application into the Servlet container.
- </rich:panelBarItem>
- </rich:panelBar>
-
+ <ui:include src="/richfaces/panelBar/examples/example.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/panelBar/examples/example.xhtml"/>
+ </ui:include>
</div>
-
-
+
</ui:define>
- <ui:define name="sources">
- <p>
- Here is a fragment of page sources for the given example:
- </p>
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/panelBar/source/usage.html" class="source_frame"/>
- </ui:define>
+
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,26 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1"/>
+ <a4j:region>
+ <h:form>
+ <a4j:poll id="poll" interval="500" enabled="#{userBean.pollEnabled}" reRender="serverDate"/>
+ </h:form>
+ </a4j:region>
+ <h:form>
+ <h:panelGrid columns="2" width="80%">
+ <a4j:commandButton style="width:120px" id="control"
+ value="#{userBean.pollEnabled?'Stop':'Start'} Polling"
+ reRender="poll, control">
+ <a4j:actionparam name="polling" value="#{!userBean.pollEnabled}"
+ assignTo="#{userBean.pollEnabled}"/>
+ </a4j:commandButton>
+ <h:outputText id="serverDate" style="font-size:16px" value="Server Date: #{userBean.date}"/>
+ </h:panelGrid>
+ </h:form>
+ <rich:separator height="1" style="padding-top:10px"/>
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -21,25 +21,13 @@
taken from the server.</p>
<div class="sample-container">
- <rich:separator height="1"/>
- <a4j:region>
- <h:form>
- <a4j:poll id="poll" interval="500" enabled="#{userBean.pollEnabled}" reRender="serverDate"/>
- </h:form>
- </a4j:region>
- <h:form>
- <h:panelGrid columns="2" width="80%">
- <a4j:commandButton style="width:120px" id="control"
- value="#{userBean.pollEnabled?'Stop':'Start'} Polling"
- reRender="poll, control">
- <a4j:actionparam name="polling" value="#{!userBean.pollEnabled}"
- assignTo="#{userBean.pollEnabled}"/>
- </a4j:commandButton>
- <h:outputText id="serverDate" style="font-size:16px" value="Server Date: #{userBean.date}"/>
- </h:panelGrid>
- </h:form>
- <rich:separator height="1" style="padding-top:10px"/>
+
+ <ui:include src="/richfaces/poll/examples/clock.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/poll/examples/clock.xhtml"/>
+ </ui:include>
</div>
+
<p><b>interval</b> attribute defines the interval in ms between the previous response and the
next request. So, the total period between two request generated by a4j:poll is a sum of interval
@@ -96,10 +84,6 @@
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/poll/source/usage.html"
- class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,53 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1" />
+
+ <h:panelGrid columns="2" width="100%">
+
+ <a4j:region selfRendered="true">
+ <h:panelGroup>
+ <h:form>
+ <h:panelGrid columns="2">
+ <h:outputText value="Name" />
+ <h:inputText value="#{userBean.name}">
+ <a4j:support event="onkeyup" reRender="out3,outname2" />
+ </h:inputText>
+ </h:panelGrid>
+ </h:form>
+ <h:panelGroup id="out3">
+ This text will disappear during the partial update of this panel.
+ The text appears again only after the whole page refresh or a partial
+ update from the region with selfRendered="false" (default value).
+ </h:panelGroup>
+ </h:panelGroup>
+ </a4j:region>
+
+ <a4j:region selfRendered="true">
+ <h:panelGroup>
+ <h:form>
+ <h:panelGrid columns="2">
+ <h:outputText value="Name" />
+ <h:inputText value="#{userBean.name}">
+ <a4j:support event="onkeyup" reRender="out4,outname2" />
+ </h:inputText>
+ </h:panelGrid>
+ </h:form>
+ <h:panelGroup id="out4">
+ <h:outputText value="The text of the similar panel will
+ not disappear because it is printed with h:outputText" />
+ </h:panelGroup>
+ </h:panelGroup>
+ </a4j:region>
+
+ </h:panelGrid>
+ <h:outputText id="outname2" style="font-weight:bold"
+ value="Typed Name: #{userBean.name}" />
+
+ <rich:separator style="padding-top:10px" height="1" />
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,41 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1" />
+ <a4j:outputPanel ajaxRendered="true">
+ <h:messages style="color:red" />
+ </a4j:outputPanel>
+ <h:panelGrid columns="2" width="100%">
+
+ <h:form id="form1">
+ <h:panelGrid columns="2">
+ <h:outputText value="Name" />
+ <h:inputText value="#{userBean.name}">
+ <a4j:support event="onkeyup" reRender="outname" />
+ </h:inputText>
+ <h:outputText value="Job:" />
+ <h:inputText required="true" id="job2" value="#{userBean.job}" />
+ </h:panelGrid>
+ </h:form>
+
+ <h:form id="form2">
+ <h:panelGrid columns="2">
+ <h:outputText value="Name" />
+ <a4j:region>
+ <h:inputText value="#{userBean.name}">
+ <a4j:support event="onkeyup" reRender="outname" />
+ </h:inputText>
+ </a4j:region>
+ <h:outputText value="Job" />
+ <h:inputText required="true" id="job1" value="#{userBean.job}" />
+ </h:panelGrid>
+ </h:form>
+
+ </h:panelGrid>
+ <h:outputText id="outname" style="font-weight:bold" value="Typed Name: #{userBean.name}" />
+ <rich:separator style="padding-top:10px" height="1" />
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -35,40 +35,11 @@
while the "Job" field is empty.
</p>
<div class="sample-container" >
- <rich:separator height="1" />
- <a4j:outputPanel ajaxRendered="true">
- <h:messages style="color:red" />
- </a4j:outputPanel>
- <h:panelGrid columns="2" width="100%">
- <h:form id="form1">
- <h:panelGrid columns="2">
- <h:outputText value="Name" />
- <h:inputText value="#{userBean.name}">
- <a4j:support event="onkeyup" reRender="outname" />
- </h:inputText>
- <h:outputText value="Job:" />
- <h:inputText required="true" id="job2" value="#{userBean.job}" />
- </h:panelGrid>
- </h:form>
-
- <h:form id="form2">
- <h:panelGrid columns="2">
- <h:outputText value="Name" />
- <a4j:region>
- <h:inputText value="#{userBean.name}">
- <a4j:support event="onkeyup" reRender="outname" />
- </h:inputText>
- </a4j:region>
- <h:outputText value="Job" />
- <h:inputText required="true" id="job1" value="#{userBean.job}" />
- </h:panelGrid>
- </h:form>
-
- </h:panelGrid>
- <h:outputText id="outname" style="font-weight:bold" value="Typed Name: #{userBean.name}" />
- <rich:separator style="padding-top:10px" height="1" />
-
+ <ui:include src="/richfaces/region/examples/validationErrorIssue.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/region/examples/validationErrorIssue.xhtml"/>
+ </ui:include>
</div>
<p>
If no one region is defined explicitly on the page, the whole view plays the role of a region.
@@ -105,61 +76,15 @@
</p>
<div class="sample-container" >
- <rich:separator height="1" />
- <h:panelGrid columns="2" width="100%">
-
- <a4j:region selfRendered="true">
- <h:panelGroup>
- <h:form>
- <h:panelGrid columns="2">
- <h:outputText value="Name" />
- <h:inputText value="#{userBean.name}">
- <a4j:support event="onkeyup" reRender="out3,outname2" />
- </h:inputText>
- </h:panelGrid>
- </h:form>
- <h:panelGroup id="out3">
- This text will disappear during the partial update of this panel.
- The text appears again only after the whole page refresh or a partial
- update from the region with selfRendered="false" (default value).
- </h:panelGroup>
- </h:panelGroup>
- </a4j:region>
-
- <a4j:region selfRendered="true">
- <h:panelGroup>
- <h:form>
- <h:panelGrid columns="2">
- <h:outputText value="Name" />
- <h:inputText value="#{userBean.name}">
- <a4j:support event="onkeyup" reRender="out4,outname2" />
- </h:inputText>
- </h:panelGrid>
- </h:form>
- <h:panelGroup id="out4">
- <h:outputText value="The text of the similar panel will
- not disappear because it is printed with h:outputText" />
- </h:panelGroup>
- </h:panelGroup>
- </a4j:region>
-
- </h:panelGrid>
- <h:outputText id="outname2" style="font-weight:bold"
- value="Typed Name: #{userBean.name}" />
-
- <rich:separator style="padding-top:10px" height="1" />
-
+ <ui:include src="/richfaces/region/examples/selfRender.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/region/examples/selfRender.xhtml"/>
+ </ui:include>
</div>
-
+
<rich:spacer height="30" />
</ui:define>
-
-
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/region/source/usage.html" class="source_frame"/>
- </ui:define>
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/examples/manually.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,53 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <a4j:loadScript src="resource:///org/richfaces/renderkit/html/scripts/scriptaculous/scriptaculous.js"/>
+ <a4j:loadScript src="resource:///org/richfaces/renderkit/html/scripts/scriptaculous/effects.js"/>
+
+ <h:commandButton onclick="new Effect.BlindUp($('mypanel_body'), {duration:.3});return false" value="Hide"></h:commandButton>
+ <h:commandButton onclick="new Effect.Appear($('mypanel_body'));return false" value="Show"></h:commandButton>
+
+ <rich:separator height="1" style="padding:10px 0" />
+
+ <rich:panel id="mypanel">
+ <f:facet name="header">
+ <h:outputText value="Using Scriptaculous Effects"/>
+ </f:facet>
+
+
+
+
+ <h:panelGrid styleClass="rsPanel" width="250" columns="2">
+ <h:outputText styleClass="rsLabel" value="Name:" />
+ <h:inputText styleClass="rsInput" value="#{userBean.name}" />
+
+ <h:outputText styleClass="rsLabel" value="Job:" />
+ <h:inputText styleClass="rsInput" value="#{userBean.job}" />
+
+ <h:panelGroup />
+ <h:commandButton styleClass="rsButton" value="Submit">
+ <a4j:support disableDefault="true" event="onclick" reRender="out" />
+ </h:commandButton>
+
+ <f:facet name="footer">
+ </f:facet>
+
+ </h:panelGrid>
+ <h:panelGrid id="out" columns="1">
+
+ <h:outputText value=""/>
+ <h:outputText value="You have just entered:"/>
+ <h:outputText value="Name: #{userBean.name}" />
+ <h:outputText value="Job: #{userBean.job}" />
+ </h:panelGrid>
+
+ </rich:panel>
+
+ <rich:spacer height="20" />
+
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/script/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -34,63 +34,25 @@
a client-side effects.
</p>
- <a4j:loadScript src="resource://org/richfaces/renderkit/html/scripts/scriptaculous-js-1.6.5/src/scriptaculous.js"/>
- <a4j:loadScript src="resource:///org/richfaces/renderkit/html/scripts/scriptaculous-js-1.6.5/src/effects.js"/>
<div id="itme" class="sample-container">
- <h:commandButton onclick="new Effect.BlindUp($('mypanel_body'), {duration:.3});return false" value="Hide"></h:commandButton>
- <h:commandButton onclick="new Effect.Appear($('mypanel_body'));return false" value="Show"></h:commandButton>
- <rich:separator height="1" style="padding:10px 0" />
-
- <div id="mdiv">
- <rich:panel id="mypanel">
- <f:facet name="header">
- <h:outputText value="Using Scriptaculous Effects"/>
- </f:facet>
-
-
-
-
- <h:panelGrid styleClass="rsPanel" width="250" columns="2">
- <h:outputText styleClass="rsLabel" value="Name:" />
- <h:inputText styleClass="rsInput" value="#{userBean.name}" />
-
- <h:outputText styleClass="rsLabel" value="Job:" />
- <h:inputText styleClass="rsInput" value="#{userBean.job}" />
-
- <h:panelGroup />
- <h:commandButton styleClass="rsButton" value="Submit">
- <a4j:support disableDefault="true" event="onclick" reRender="out" />
- </h:commandButton>
-
- <f:facet name="footer">
- </f:facet>
-
- </h:panelGrid>
- <h:panelGrid id="out" columns="1">
-
- <h:outputText value=""/>
- <h:outputText value="You have just entered:"/>
- <h:outputText value="Name: #{userBean.name}" />
- <h:outputText value="Job: #{userBean.job}" />
- </h:panelGrid>
-
- </rich:panel>
-
- <rich:spacer height="20" />
- </div>
-
-
+ <ui:include src="/richfaces/script/examples/manually.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/script/examples/manually.xhtml"/>
+ </ui:include>
+
</div>
+
+
<p>
Note that if you have an Ajax functionality on the page, the prototype.js is already
attached to this page and you do not have to include it explicitly once more.
</p>
+ <p>
+ Since version 3.1.0, RichFaces introduced the rich:effect component. So, you do not have
+ to program with javascript to have effects in your application.
+ </p>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/script/source/usage.html" class="source_frame"/>
- </ui:define>
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/examples/variants.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/examples/variants.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/examples/variants.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,23 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <p>
+ This is default separator:
+ <rich:separator />
+ </p>
+ <p>
+ This is tick 75% beveled separator aligned to the center:
+ <rich:separator lineType="beveled" height="8" width="75%" align="center"/>
+ </p>
+ <p>
+ Here is more examples of different line types:
+ <rich:separator height="2" lineType="dotted"/><br/>
+ <rich:separator height="2" lineType="dashed"/><br/>
+ <rich:separator height="4" lineType="double"/><br/>
+ <rich:separator height="2" lineType="solid"/><br/>
+ </p>
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/separator/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -10,25 +10,14 @@
Separator is used to draw a horizontal line on a page. You may specify different types of a line, possible values are "beveled" (default), "dotted", "dashed", "double" and "solid".
You also may specify width, height and alignment for the separator.
</p>
- <p>
- This is default separator:
- <rich:separator />
- </p>
- <p>
- This is tick 75% beveled separator aligned to the center:
- <rich:separator lineType="beveled" height="8" width="75%" align="center"/>
- </p>
- <p>
- Here is more examples of different line types:
- <rich:separator height="2" lineType="dotted"/><br/>
- <rich:separator height="2" lineType="dashed"/><br/>
- <rich:separator height="4" lineType="double"/><br/>
- <rich:separator height="2" lineType="solid"/><br/>
- </p>
+ <div class="sample-container">
+
+ <ui:include src="/richfaces/separator/examples/variants.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/separator/examples/variants.xhtml"/>
+ </ui:include>
+ </div>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example. Note how we use skin parameters to define a border color for span.
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/separator/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/basic.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/basic.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/basic.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,19 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:simpleTogglePanel switchType="client" label="Add AJAX capability to existing JSF applications">
+ The framework is implemented by using a component library. The library
+ set Ajax functionality into existing pages, so there is no need to write
+ any JavaScript code or to replace existing components with new Ajax one.
+ Ajax4jsf enables page-wide Ajax support instead of the traditional
+ component-wide support and it gives the opportunity to define the event
+ on the page. An event invokes an Ajax request and areas of the page
+ which are synchronized with the JSF Component Tree after changing the
+ data on the server by Ajax request in accordance with events fired on
+ the client.
+ </rich:simpleTogglePanel>
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/difftypes.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/difftypes.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/examples/difftypes.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,30 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <h:form>
+ <h:panelGrid columns="3" columnClasses="tpanels" width="100%">
+
+ <rich:simpleTogglePanel switchType="server" label="Server Switch Type">
+ The regular JSF form submission is processed during the changing mode between
+ showing and hidding the additional content.
+ </rich:simpleTogglePanel>
+
+ <rich:simpleTogglePanel switchType="ajax" label="Ajax Switch Type">
+ This type allows to perform the partual view update instead of the
+ whole page reloading. You also can point to other areas of the view
+ to be re-rendered while the panel content is toggled.
+ </rich:simpleTogglePanel>
+
+ <rich:simpleTogglePanel switchType="client" label="Client Switch Type">
+ The switching between showing and hiding the toggle panel content
+ performs on the client side.
+ </rich:simpleTogglePanel>
+
+ </h:panelGrid>
+ </h:form>
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/simpleTogglePanel/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -15,59 +15,32 @@
height:140px;
}
</style>
- <p>SimpleTogglePanel represents a panel with a base text label at the top and an additional
+ <p>SimpleTogglePanel represents a panel with a base text label at the top and an additional
content that can be shown or hidden. The additional content is shown or hidden
using the simpleTogglePanel control located to the right of the base text label by default.<br />
This is an example of the component with default look-n-feel:
</p>
<div class="sample-container" >
- <rich:simpleTogglePanel switchType="client" label="Add AJAX capability to existing JSF applications">
- The framework is implemented by using a component library. The library
- set Ajax functionality into existing pages, so there is no need to write
- any JavaScript code or to replace existing components with new Ajax one.
- Ajax4jsf enables page-wide Ajax support instead of the traditional
- component-wide support and it gives the opportunity to define the event
- on the page. An event invokes an Ajax request and areas of the page
- which are synchronized with the JSF Component Tree after changing the
- data on the server by Ajax request in accordance with events fired on
- the client.
- </rich:simpleTogglePanel>
+
+ <ui:include src="/richfaces/simpleTogglePanel/examples/basic.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/simpleTogglePanel/examples/basic.xhtml"/>
+ </ui:include>
</div>
+
+
<p>The switchType attribute allows to select a toggle approach that can be 'client',
'server' or 'ajax'. The 'server' and 'ajax' types require to be surround with a form element such as <h:form> or <a4j:form>.
</p>
<div class="sample-container" >
- <h:form>
- <h:panelGrid columns="3" columnClasses="tpanels" width="100%">
-
- <rich:simpleTogglePanel switchType="server" label="Server Switch Type">
- The regular JSF form submission is processed during the changing mode between
- showing and hidding the additional content.
- </rich:simpleTogglePanel>
-
- <rich:simpleTogglePanel switchType="ajax" label="Ajax Switch Type">
- This type allows to perform the partual view update instead of the
- whole page reloading. You also can point to other areas of the view
- to be re-rendered while the panel content is toggled.
- </rich:simpleTogglePanel>
-
- <rich:simpleTogglePanel switchType="client" label="Client Switch Type">
- The switching between showing and hiding the toggle panel content
- performs on the client side.
- </rich:simpleTogglePanel>
-
- </h:panelGrid>
- </h:form>
+
+ <ui:include src="/richfaces/simpleTogglePanel/examples/difftypes.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/simpleTogglePanel/examples/difftypes.xhtml"/>
+ </ui:include>
</div>
-
-
</ui:define>
- <ui:define name="sources">
- <p>
- Here is fragment of page sources for given example:
- </p>
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/simpleTogglePanel/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,44 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1"/>
+ <a4j:region id="extr">
+ <h:form>
+ <h:outputText value="Status:" />
+ <a4j:status id="commonstatus" startText="In Progress...." stopText=""/>
+
+ <h:panelGrid columns="2">
+ <h:outputText value="Name"/>
+ <h:inputText id="name" value="#{userBean.name}">
+ <a4j:support event="onkeyup" reRender="out" />
+ </h:inputText>
+
+ <h:outputText value="Job"/>
+ <a4j:region id="intr">
+ <h:inputText id="job" value="#{userBean.job}">
+ <a4j:support event="onkeyup" reRender="out" status="commonstatus"/>
+ </h:inputText>
+ </a4j:region>
+
+ <h:panelGroup />
+
+
+
+ </h:panelGrid>
+ <a4j:region>
+ <h:outputText id="out" value="Name: #{userBean.name}, Job: #{userBean.job}" />
+ <br />
+ <a4j:commandButton ajaxSingle="true" value="Clean Up Form" reRender="name, job, out" status="commonstatus">
+ <a4j:actionparam name="n" value="" assignTo="#{userBean.name}" />
+ <a4j:actionparam name="j" value="" assignTo="#{userBean.job}" />
+ </a4j:commandButton>
+ </a4j:region>
+
+ </h:form>
+ </a4j:region>
+ <rich:separator height="1" style="padding-top:10px"/>
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,26 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1"/>
+ <a4j:region id="rb">
+ <h:panelGrid columns="2">
+
+ <h:form>
+ <a4j:commandButton eventsQueue="foo2" value="Ajax Request 2"/>
+ </h:form>
+
+ <a4j:status>
+ <f:facet name="start">
+ <h:graphicImage value="/images/ajax/ajax_process.gif"/>
+ </f:facet>
+ </a4j:status>
+
+ </h:panelGrid>
+ </a4j:region>
+ <rich:separator height="1" style="padding-top:10px"/>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,17 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1"/>
+ <h:outputText value="Ajax Status:"/>
+
+ <a4j:status id="commonstatus" startText="In progress..." stopText="Complete"/>
+
+ <h:form>
+ <a4j:commandButton eventsQueue="foo" value="Ajax Request"/>
+ </h:form>
+ <rich:separator height="1" style="padding-top:10px"/>
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -15,15 +15,12 @@
the component switches to the stop stage.
</p>
<div class="sample-container" >
-
- <h:outputText value="Ajax Status:"/>
-
- <a4j:status id="commonstatus" startText="In progress..." stopText="Complete"/>
-
- <h:form>
- <a4j:commandButton eventsQueue="foo" value="Ajax Request"/>
- </h:form>
+ <ui:include src="/richfaces/status/examples/simple.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/status/examples/simple.xhtml"/>
+ </ui:include>
</div>
+
<p>
<b>startText</b> attribute defines the label that will be visible when the Ajax request
is in progress. You can use <b>startStyle</b> or <b>startStyleClass</b> attribuite to
@@ -46,21 +43,10 @@
</p>
<div class="sample-container" >
- <a4j:region id="rb">
- <h:panelGrid columns="2">
-
- <h:form>
- <a4j:commandButton eventsQueue="foo2" value="Ajax Request 2"/>
- </h:form>
-
- <a4j:status>
- <f:facet name="start">
- <h:graphicImage value="/images/ajax/ajax_process.gif"/>
- </f:facet>
- </a4j:status>
-
- </h:panelGrid>
- </a4j:region>
+ <ui:include src="/richfaces/status/examples/pictured.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/status/examples/pictured.xhtml"/>
+ </ui:include>
</div>
@@ -100,48 +86,13 @@
<div class="sample-container" >
- <rich:separator height="1"/>
- <a4j:region id="extr">
- <h:form>
- <h:outputText value="Status:" />
- <a4j:status id="commonstatus" startText="In Progress...." stopText=""/>
-
- <h:panelGrid columns="2">
- <h:outputText value="Name"/>
- <h:inputText id="name" value="#{userBean.name}">
- <a4j:support event="onkeyup" reRender="out" />
- </h:inputText>
-
- <h:outputText value="Job"/>
- <a4j:region id="intr">
- <h:inputText id="job" value="#{userBean.job}">
- <a4j:support event="onkeyup" reRender="out" status="commonstatus"/>
- </h:inputText>
- </a4j:region>
-
- <h:panelGroup />
-
-
-
- </h:panelGrid>
- <a4j:region>
- <h:outputText id="out" value="Name: #{userBean.name}, Job: #{userBean.job}" />
- <br />
- <a4j:commandButton ajaxSingle="true" value="Clean Up Form" reRender="name, job, out" status="commonstatus">
- <a4j:actionparam name="n" value="" assignTo="#{userBean.name}" />
- <a4j:actionparam name="j" value="" assignTo="#{userBean.job}" />
- </a4j:commandButton>
- </a4j:region>
-
- </h:form>
- </a4j:region>
- <rich:separator height="1" style="padding-top:10px"/>
+ <ui:include src="/richfaces/status/examples/cleaner.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/status/examples/cleaner.xhtml"/>
+ </ui:include>
</div>
</ui:define>
- <ui:define name="sources">
- Here is a fragment of page sources for the given example:
- <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/status/source/usage.html" class="source_frame"/>
- </ui:define>
+
</ui:composition>
</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -0,0 +1,19 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator height="1"/>
+ <h:form>
+ <h:panelGrid columns="2">
+ <h:inputText value="#{userBean.name}">
+ <a4j:support event="onkeyup" reRender="outtext" />
+ </h:inputText>
+ <h:outputText id="outtext" value="#{userBean.name}" />
+ </h:panelGrid>
+ </h:form>
+ <rich:separator height="1" style="padding-top:10px"/>
+
+</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -30,19 +30,14 @@
<div class="sample-container" >
- <rich:separator height="1"/>
- <h:form>
- <h:panelGrid columns="2">
- <h:inputText value="#{userBean.name}">
- <a4j:support event="onkeyup" reRender="outtext" />
- </h:inputText>
- <h:outputText id="outtext" value="#{userBean.name}" />
- </h:panelGrid>
- </h:form>
- <rich:separator height="1" style="padding-top:10px"/>
+
+
+ <ui:include src="/richfaces/support/examples/echo.xhtml"/>
<ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath" value="/richfaces/support/source/usage.xhtml"/>
- </ui:include>
+ <ui:param name="sourcepath" value="/richfaces/support/examples/echo.xhtml"/>
+ </ui:include>
+
+
</div>
Modified: trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-08-10 21:38:39 UTC (rev 2208)
+++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-08-10 22:31:19 UTC (rev 2209)
@@ -19,6 +19,13 @@
</script>
<style>
+ .viewsourcepanel {
+ padding-bottom:0px;
+ width:100%;
+ overflow:auto;
+ border-width:0;
+ background-color:#FFFFE7;
+ }
.viewsourcebody {
padding:0;
}
@@ -53,17 +60,19 @@
</style>
<f:subview>
+ <div>
<a4j:outputPanel styleClass="viewsourcelooklink" id="look">
- <rich:effect for="look" event="onclick" type="BlindDown" params="id:'source1', delay:0.1,duration:1.0,from:0.1,to:1.0" />
- <rich:effect for="look" event="onclick" type="Fade" params="duration:0.1" />
- View Source >>
+ <rich:effect for="look" event="onclick" type="BlindDown" params="id:'source1',duration:1.0,from:0.0,to:1.0" />
+ <rich:effect for="look" event="onclick" type="Appear" params="id:'source1',duration:0.5,from:0.0,to:1.0" />
+ <rich:effect for="look" event="onclick" type="Fade" params="duration:0.0" />
+ <h:outputText escape="false" value="#{empty openlabel?'View Source' : openlabel }" />
</a4j:outputPanel>
- <rich:panel bodyClass="viewsourcebody" headerClass="viewsourceheader" id="source1" style="padding-bottom:0px;width:100%;overflow:auto;display:none;border-width:0;background-color:#FFFFE7 !important">
+ <rich:panel id="source1" bodyClass="viewsourcebody" headerClass="viewsourceheader" styleClass="viewsourcepanel" style="display:none">
<f:facet name="header">
<rich:spacer height="3px" />
</f:facet>
<div class="viewsourcediv">
- <rich:insert src="#{sourcepath}" highlight="xhtml"/>
+ <rich:insert src="#{sourcepath}" highlight="#{empty sourcetype? 'xhtml' : sourcetype }"/>
</div>
<a4j:outputPanel id="hide" styleClass="viewsourcehidelink">
@@ -73,6 +82,7 @@
</a4j:outputPanel>
</rich:panel>
+ </div>
</f:subview>
18 years, 9 months
JBoss Rich Faces SVN: r2208 - trunk/samples/richfaces-demo.
by richfaces-svn-commits@lists.jboss.org
Author: alexsmirnov
Date: 2007-08-10 17:38:39 -0400 (Fri, 10 Aug 2007)
New Revision: 2208
Modified:
trunk/samples/richfaces-demo/pom.xml
Log:
include bean sources in war
Modified: trunk/samples/richfaces-demo/pom.xml
===================================================================
--- trunk/samples/richfaces-demo/pom.xml 2007-08-10 19:22:16 UTC (rev 2207)
+++ trunk/samples/richfaces-demo/pom.xml 2007-08-10 21:38:39 UTC (rev 2208)
@@ -1,22 +1,24 @@
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
- <parent>
- <artifactId>samples</artifactId>
- <groupId>org.richfaces</groupId>
- <version>3.1.0-SNAPSHOT</version>
- </parent>
- <modelVersion>4.0.0</modelVersion>
- <groupId>org.richfaces.samples</groupId>
- <artifactId>richfaces-demo</artifactId>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+ xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+ <parent>
+ <artifactId>samples</artifactId>
+ <groupId>org.richfaces</groupId>
+ <version>3.1.0-SNAPSHOT</version>
+ </parent>
+ <modelVersion>4.0.0</modelVersion>
+ <groupId>org.richfaces.samples</groupId>
+ <artifactId>richfaces-demo</artifactId>
<version>3.1.0-SNAPSHOT</version>
- <packaging>war</packaging>
- <name>richfaces-demo Maven Webapp</name>
- <dependencies>
- <dependency>
- <groupId>org.richfaces.ui</groupId>
- <artifactId>richfaces-ui</artifactId>
- <version>3.1.0-SNAPSHOT</version>
- </dependency>
+ <packaging>war</packaging>
+ <name>richfaces-demo Maven Webapp</name>
+ <dependencies>
<dependency>
+ <groupId>org.richfaces.ui</groupId>
+ <artifactId>richfaces-ui</artifactId>
+ <version>3.1.0-SNAPSHOT</version>
+ </dependency>
+ <dependency>
<groupId>com.uwyn</groupId>
<artifactId>jhighlight</artifactId>
<version>1.0</version>
@@ -27,20 +29,31 @@
<version>3.1.0-SNAPSHOT</version>
<scope>provided</scope>
</dependency>
- </dependencies>
- <build>
- <finalName>richfaces-demo</finalName>
- <pluginManagement>
- <plugins>
- <plugin>
- <groupId>org.apache.maven.plugins</groupId>
- <artifactId>maven-compiler-plugin</artifactId>
- <configuration>
- <source>1.5</source>
- <target>1.5</target>
- </configuration>
- </plugin>
- </plugins>
- </pluginManagement>
- </build>
+ </dependencies>
+ <build>
+ <finalName>richfaces-demo</finalName>
+ <plugins>
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-compiler-plugin</artifactId>
+ <configuration>
+ <source>1.5</source>
+ <target>1.5</target>
+ </configuration>
+ </plugin>
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-war-plugin</artifactId>
+ <configuration>
+ <webResources>
+ <resource>
+ <!-- this is relative to the pom.xml directory -->
+ <directory>src/main/java</directory>
+ <targetPath>WEB-INF/src</targetPath>
+ </resource>
+ </webResources>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
</project>
\ No newline at end of file
18 years, 9 months