[richfaces-svn-commits] JBoss Rich Faces SVN: r2235 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: dataFilterSlider/examples and 25 other directories.

Author: SergeySmirnov Date: 2007-08-13 19:48:41 -0400 (Mon, 13 Aug 2007) New Revision: 2235 Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml Log: demo update. ref to sources Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,98 @@ +<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-table-firstrow .rich-table-cell{ + border-top-width:0px; + } + </style> + + <a4j:form id="form1" + reRender="list-body" ajaxSubmit="true" ignoreDupResponses="true" + requestDelay="500"> + + <a4j:region id="stat1"> + + <a4j:outputPanel id="slider-body"> + + <rich:dataFilterSlider sliderListener="#{dfsBean.doSlide}" + binding="#{inventoryList.dataFilterSlider}" for="carList" + forValRef="inventoryList.carInventory" filterBy="getMileage" + manualInput="true" onSlide="true" onChange="true" + storeResults="true" trackStyleClass="track" width="200px" + styleClass="slider-container" startRange="10000" endRange="60000" + increment="10000" rangeStyleClass="range" trailer="true" + trailerStyleClass="trailer" handleStyleClass="handle" + handleValue="1" id="slider_1"></rich:dataFilterSlider> + + </a4j:outputPanel> + + <rich:spacer height="15" /> + + <a4j:outputPanel id="list-body"> + <h:dataTable id="carIndex" rows="10" + binding="#{inventoryList.carMakeIndexUIData}" + value="#{inventoryList.carMakeIndex}" var="category" + styleClass="list-table1" columnClasses="column-index" + rowClasses="list-row3"> + + <h:column> + <a4j:commandLink actionListener="#{inventoryList.filterCarList}" + reRender="carList"> + <h:outputText value="#{category}" /> + <f:attribute name="filterRule" value="showTable" /> + + </a4j:commandLink> + </h:column> + + </h:dataTable> + <rich:spacer height="15" /> + + <rich:dataTable width="300" id="carList" rows="10" + value="#{inventoryList.carInventory}" var="category"> + <f:facet name="header"> + <rich:columnGroup> + <h:column> + <h:outputText styleClass="headerText" value="Make" /> + </h:column> + <h:column> + <h:outputText styleClass="headerText" value="Model" /> + </h:column> + <h:column> + <h:outputText styleClass="headerText" value="Price" /> + </h:column> + <h:column> + <h:outputText styleClass="headerText" value="Mileage" /> + </h:column> + </rich:columnGroup> + </f:facet> + + <h:column> + <h:outputText value="#{category.make}" /> + </h:column> + <h:column> + <h:outputText value="#{category.model}" /> + </h:column> + <h:column> + <h:outputText value="#{category.price}" /> + </h:column> + <h:column> + <h:outputText value="#{category.mileage}" /> + </h:column> + + </rich:dataTable> + + </a4j:outputPanel> + + <rich:spacer height="15" /> + + + </a4j:region> + + </a4j:form> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,61 @@ +<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:messages /> + <h:form> + <rich:datascroller for="auction" maxPages="5"/> + <rich:spacer height="30" /> + <rich:dataTable id="auction" value="#{auctionDataModel}" var="item" rows="25"> + <rich:column> + <f:facet name="header"> + <h:outputText value="Description"/> + </f:facet> + <h:outputText value="#{item.description}"/> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Highest Bid"/> + </f:facet> + <h:outputText id="highestBid" value="#{item.highestBid}"> + <f:convertNumber pattern="$#,##0.00"/> + </h:outputText> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Qty Avialable"/> + </f:facet> + <h:outputText value="#{item.qtyAvialable}"/> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Your Bid"/> + </f:facet> + <h:inputText id="bid" value="#{item.bid}"> + <f:convertNumber /> + </h:inputText> + <a4j:commandLink action="#{item.placeBid}" value="Bid!" reRender="bid,qty,amount,highestBid" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Your Qty"/> + </f:facet> + <h:inputText id="qty" value="#{item.qtyRequested}"> + <f:convertNumber /> + </h:inputText> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Amount"/> + </f:facet> + <h:outputText id="amount" value="#{item.amount}" > + <f:convertNumber pattern="$#,##0.00"/> + </h:outputText> + </rich:column> + </rich:dataTable> + </h:form> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,99 @@ +<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:dataTable + onRowMouseOver="this.style.backgroundColor='#F1F1F1'" + onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" + cellpadding="0" cellspacing="0" + width="700" border="0" var="record" value="#{report.expReport.records}"> + + <f:facet name="header"> + <rich:columnGroup> + <rich:column rowspan="2"> + <rich:spacer /> + </rich:column> + <rich:column colspan="3"> + <h:outputText value="Expenses" /> + </rich:column> + <rich:column rowspan="2"> + <h:outputText value="subtotals" /> + </rich:column> + <rich:column breakBefore="true"> + <h:outputText value="Meals" /> + </rich:column> + <rich:column> + <h:outputText value="Hotels" /> + </rich:column> + <rich:column> + <h:outputText value="Transport" /> + </rich:column> + </rich:columnGroup> + </f:facet> + + <rich:column colspan="5"> + <h:outputText value="#{record.city}" /></rich:column> + + + <rich:subTable + onRowMouseOver="this.style.backgroundColor='#F8F8F8'" + onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" + var="expense" value="#{record.items}"> + <rich:column> + <h:outputText value="#{expense.day}"></h:outputText> + <f:facet name="footer"> + <rich:spacer /> + </f:facet> + </rich:column> + <rich:column> + <h:outputText value="#{expense.meals}"><f:convertNumber pattern="$####.00" /></h:outputText> + <f:facet name="footer"> + <h:outputText value="#{record.totalMeals}"><f:convertNumber pattern="$####.00" /></h:outputText> + </f:facet> + </rich:column> + <rich:column> + <h:outputText value="#{expense.hotels}"><f:convertNumber pattern="$####.00" /></h:outputText> + <f:facet name="footer"> + <h:outputText value="#{record.totalHotels}"><f:convertNumber pattern="$####.00" /></h:outputText> + </f:facet> + </rich:column> + <rich:column> + <h:outputText value="#{expense.transport}"><f:convertNumber pattern="$####.00" /></h:outputText> + <f:facet name="footer"> + <h:outputText value="#{record.totalTransport}"><f:convertNumber pattern="$####.00" /></h:outputText> + </f:facet> + </rich:column> + <rich:column> + <rich:spacer></rich:spacer> + <f:facet name="footer"> + <h:outputText value="#{record.total}"><f:convertNumber pattern="$####.00" /></h:outputText> + </f:facet> + </rich:column> + + </rich:subTable> + + <f:facet name="footer"> + + <rich:columnGroup> + <rich:column>Totals</rich:column> + <rich:column> + <h:outputText value="#{report.expReport.totalMeals}"><f:convertNumber pattern="$####.00" /></h:outputText> + </rich:column> + <rich:column> + <h:outputText value="#{report.expReport.totalHotels}"><f:convertNumber pattern="$####.00" /></h:outputText> + </rich:column> + <rich:column> + <h:outputText value="#{report.expReport.totalTransport}"><f:convertNumber pattern="$####.00" /></h:outputText> + </rich:column> + <rich:column> + <h:outputText value="#{report.expReport.grandTotal}"><f:convertNumber pattern="$####.00" /></h:outputText> + </rich:column> + </rich:columnGroup> + </f:facet> + + </rich:dataTable> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,54 @@ +<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> + .col { + width:100px; + } + </style> + + <h:form> + <rich:datascroller align="left" for="carList" maxPages="20" /> + <rich:spacer height="30" /> + <rich:dataTable width="483" id="carList" rows="10" columnClasses="col" + value="#{dataTableScrollerBean.allCars}" var="category"> + <f:facet name="header"> + <rich:columnGroup> + <h:column> + <h:outputText styleClass="headerText" value="Make" /> + </h:column> + <h:column> + <h:outputText styleClass="headerText" value="Model" /> + </h:column> + <h:column> + <h:outputText styleClass="headerText" value="Price" /> + </h:column> + <h:column> + <h:outputText styleClass="headerText" value="Mileage" /> + </h:column> + </rich:columnGroup> + </f:facet> + + <h:column> + <h:outputText value="#{category.make}" /> + </h:column> + <h:column> + <h:outputText value="#{category.model}" /> + </h:column> + <h:column> + <h:outputText value="#{category.price}" /> + </h:column> + <h:column> + <h:outputText value="#{category.mileage}" /> + </h:column> + + + + </rich:dataTable> + </h:form> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,109 @@ +<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> + .panelc { + width:25%; + vertical-align:top; + height:300px; + } + + .dropTargetPanel { + width: 90%; + } + </style> + + <rich:dragIndicator id="indicator" /> + + <h:form id="form"> + + <h:panelGrid columnClasses="panelc" columns="4" width="100%"> + + <rich:panel style="width:100px"> + <f:facet name="header"> + <h:outputText value="Source List" /> + </f:facet> + <h:dataTable id="src" columns="1" value="#{dndBean.frameworks}" + var="fm" > + + <h:column> + <a4j:outputPanel style="border:1px solid gray;padding:2px;" + layout="block"> + <rich:dragSupport dragIndicator=":indicator" + dragType="#{fm.family}" dragValue="#{fm}"> + <rich:dndParam name="label" value="#{fm.name}" /> + </rich:dragSupport> + <h:outputText value="#{fm.name}"></h:outputText> + </a4j:outputPanel> + </h:column> + + </h:dataTable> + </rich:panel> + + <rich:panel styleClass="dropTargetPanel"> + <f:facet name="header"> + <h:outputText value="PHP Frameworks" /> + </f:facet> + <rich:dropSupport id="php" acceptedTypes="PHP" dropValue="PHP" + dropListener="#{eventBean.processDrop}" reRender="phptable, src"> + </rich:dropSupport> + + <h:dataTable id="phptable" columns="1" value="#{dndBean.containerPHP}" var="fm"> + <h:column> + <h:outputText value="#{fm.name}"></h:outputText> + </h:column> + </h:dataTable> + + + </rich:panel> + + <rich:panel styleClass="dropTargetPanel"> + <f:facet name="header"> + <h:outputText value=".NET Frameworks" /> + </f:facet> + <rich:dropSupport id="dnet" acceptedTypes="DNET" dropValue="DNET" + dropListener="#{eventBean.processDrop}" reRender="dnettable, src"> + </rich:dropSupport> + + <h:dataTable id="dnettable" columns="1" value="#{dndBean.containerDNET}" var="fm"> + <h:column> + <h:outputText value="#{fm.name}"></h:outputText> + </h:column> + </h:dataTable> + + + </rich:panel> + + <rich:panel styleClass="dropTargetPanel"> + <f:facet name="header"> + <h:outputText value="ColdFusion Frameworks" /> + </f:facet> + <rich:dropSupport id="cf" acceptedTypes="CF" dropValue="CF" + dropListener="#{eventBean.processDrop}" reRender="cftable, src"> + </rich:dropSupport> + + <h:dataTable id="cftable" columns="1" value="#{dndBean.containerCF}" var="fm"> + <h:column> + <h:outputText value="#{fm.name}"></h:outputText> + </h:column> + </h:dataTable> + + + </rich:panel> + + + + + </h:panelGrid> + <a4j:commandButton action="#{dndBean.reset}" value="Start Over" + reRender="src,phptable,cftable,dnettable" /> + </h:form> + <a4j:outputPanel ajaxRendered="true"> + <h:messages></h:messages> + </a4j:outputPanel> +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,51 @@ +<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> + .optionList { + height:22px; + } + .vertical-menu-cell { + padding:0px 4px 0px 4px; + } + + </style> + + <h:form> + + <h:panelGrid class="vertical-menu-cell" columnClasses="optionList" columns="1" cellspacing="0" cellpadding="0"> + <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option1" direction="bottom-right" jointPoint="tr"> + <rich:menuItem value="Suboption1-1" /> + <rich:menuItem value="Suboption1-2"> + <f:facet name="icon"> + <h:graphicImage value="/richfaces/toolBar/images/print.gif" /> + </f:facet> + + </rich:menuItem> + <rich:menuItem value="Suboption1-3" /> + </rich:dropDownMenu> + <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option2" direction="bottom-right" jointPoint="tr"> + <rich:menuItem value="Suboption2-1" /> + <rich:menuItem value="Suboption2-2" /> + <rich:menuGroup value="Group2" direction="#{bean.groupDirection}"> + <rich:menuItem value="SuboptionG2-2-1" /> + <rich:menuItem value="SuboptionG2-2-2" /> + </rich:menuGroup> + + <rich:menuItem value="Suboption2-3" /> + </rich:dropDownMenu> + <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option3" direction="bottom-right" jointPoint="tr"> + <rich:menuItem value="Suboption3-1" /> + <rich:menuItem value="Suboption3-2" /> + <rich:menuItem value="Suboption3-3" /> + </rich:dropDownMenu> + + </h:panelGrid> + </h:form> + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,61 @@ +<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:toolBar> + <rich:dropDownMenu value="File"> + + <rich:menuItem submitMode="ajax" value="New" action="#{ddmenu.doNew}"> + </rich:menuItem> + <rich:menuItem submitMode="ajax" value="Open" action="#{ddmenu.doOpen}"/> + <rich:menuGroup value="Save As..."> + <rich:menuItem submitMode="ajax" value="Text File" action="#{ddmenu.doSaveText}"/> + <rich:menuItem submitMode="ajax" value="PDF File" action="#{ddmenu.doPDF}"/> + </rich:menuGroup> + <rich:menuItem submitMode="ajax" value="Close" action="#{ddmenu.doClose}"/> + <rich:menuSeparator id="menuSeparator11"/> + <rich:menuItem submitMode="ajax" value="Exit" action="#{ddmenu.doExit}"/> + + </rich:dropDownMenu> + + <rich:dropDownMenu> + + <f:facet name="label"> + <h:panelGrid cellpadding="0" cellspacing="0" columns="2" style="vertical-align:middle"> + <h:graphicImage value="/richfaces/toolBar/images/yellow_lamp.gif"/> + <h:outputText value="Links" /> + </h:panelGrid> + </f:facet> + + <rich:menuItem submitMode="none" onclick="document.location.href='http://labs.jboss.com/jbossrich... + <f:facet name="icon"> + <h:graphicImage value="/richfaces/toolBar/images/webapp_welcome.gif" /> + </f:facet> + <h:outputLink value="http://labs.jboss.com/jbossrichfaces/"> + <h:outputText value="RichFaces Home Page"></h:outputText> + </h:outputLink> + </rich:menuItem> + + <rich:menuItem submitMode="none" onclick="document.location.href='http://jboss.com/index.html?mod... + <f:facet name="icon"> + <h:graphicImage value="/richfaces/toolBar/images/timer_task.gif" /> + </f:facet> + <h:outputLink value="http://jboss.com/index.html?module=bb&amp;op=viewforum&am... + <h:outputText value="RichFaces Forum"></h:outputText> + </h:outputLink> + </rich:menuItem> + + </rich:dropDownMenu> + </rich:toolBar> + </h:form> + <a4j:outputPanel ajaxRendered="true"> + <h:outputText value="Current Selection: "></h:outputText> + <h:outputText style="font-weight:bold" value="#{ddmenu.current}"></h:outputText> + </a4j:outputPanel> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,28 @@ +<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 fin(obj){ + alert(obj); + /* + for(var i in obj.effects){ + alert(obj.effects[i]['element'].id); + } + */ + } +</script> + +<div id="dv2" style="width:200px;height:10px;background-color:lightgreen"></div> + +<div id="dv" style="width:200px;height:200px;background-color:lightblue"></div> + +<rich:effect event="onclick" for="dv" type="Opacity" params="from:1.0,to:.1,afterFinish:fin" /> +<rich:effect event="onclick" for="dv2" type="Opacity" params="targetId:'dv',from:0.3,to:1.0" /> + + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,62 @@ +<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> + .optionList { + height:30px; + } + </style> + + <h:panelGrid columns="2"> + <rich:gmap gmapVar="map" zoom="#{gmBean.zoom}" style="width:400px;height:400px" gmapKey="#{gmBean.gmapkey}" /> + + <h:panelGroup> + <rich:tabPanel switchType="ajax" width="350" height="400"> + <rich:tab label="Using Google Map API"> + <h:panelGrid columns="2" columnClasses="optionList"> + <h:outputText value="Controls:" /> + <h:panelGroup> + <a href="javascript: void 0" onclick="map.hideControls()">Hide</a> + <a href="javascript: void 0" onclick="map.showControls()">Show</a><br/> + </h:panelGroup> + + <h:outputText value="Zoom:" /> + <rich:inputNumberSlider id="zoom" showInput="false" minValue="1" maxValue="18" + value="#{gmBean.zoom}" onchange="map.setZoom(this.value)"/> + + + <h:outputText value="Map Type:" /> + <h:panelGroup> + <a href="javascript: void 0" onclick="map.setMapType(G_NORMAL_MAP)">Normal</a> + <a href="javascript: void 0" onclick="map.setMapType(G_SATELLITE_MAP)">Satellite</a> + <a href="javascript: void 0" onclick="map.setMapType(G_HYBRID_MAP)">Hybrid</a><br/> + </h:panelGroup> + + </h:panelGrid> + </rich:tab> + + <rich:tab label="Using Ajax with JSON"> + <rich:dataGrid var="place" value="#{gmBean.point}" columns="2" > + <h:graphicImage onclick="showPlace('#{place.id}')" style="cursor:pointer" value="resource://#{place.pic}" /> + </rich:dataGrid> + + </rich:tab> + + + </rich:tabPanel> + </h:panelGroup> + </h:panelGrid> + <h:form> + <a4j:jsFunction name="showPlace" data="#{gmBean.currentPlace}" reRender=":zoom" + oncomplete="map.setCenter(new GLatLng(data.lat, data.lng),data.zoom)"> + <a4j:actionparam name="id" assignTo="#{gmBean.currentId}"></a4j:actionparam> + </a4j:jsFunction> + </h:form> + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,20 @@ +<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 inputNumberSlider: + <rich:inputNumberSlider value="50"/> + </p> + <p> + Here is "minimalistic" input: + <rich:inputNumberSlider value="50" showInput="false" enableManualInput="false" showBoundaryValues="false" showToolTip="false"/> + </p> + <p> + Another variation of input: + <rich:inputNumberSlider value="500" width="500" maxValue="1000" step="50" showToolTip="false" /> + </p> +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -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> + Here is an example of default inputNumberSpinner: + <rich:inputNumberSpinner value="50"/> + </p> + <p> + Here is one more inputNumberSpinner: + <rich:inputNumberSpinner value="50" step="10"/> + </p> + +</ui:composition> \ No newline at end of file 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-13 23:48:41 UTC (rev 2235) @@ -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 Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,98 @@ +<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 id="suggestionbox_form"> + + <h:outputText + value="Simple richfaces Suggestion Box test web application." + style="font: 18px;font-weight: bold;" /> + <br /> + <br /> + + <h:panelGrid columns="3" border="0" style="border: 1px solid black;"> + <f:verbatim>Suggestion Box will suggest you town names if it's started with the "a" or + "A" letter</f:verbatim> + + <f:facet name="header"> + <f:verbatim>Input With Suggestion Feature</f:verbatim> + </f:facet> + + + <f:verbatim>&#160;</f:verbatim> + + <h:inputText value="#{suggestionBox.property}" id="text" /> + <rich:suggestionbox id="suggestionBoxId" for="text" tokens=",[" + rules="#{suggestionBox.rules}" + suggestionAction="#{suggestionBox.autocomplete}" var="result" + fetchValue="#{result.text}" rows="#{suggestionBox.intRows}" + first="#{suggestionBox.intFirst}" + minChars="#{suggestionBox.minchars}" + shadowOpacity="#{suggestionBox.shadowOpacity}" + border="#{suggestionBox.border}" width="#{suggestionBox.width}" + height="#{suggestionBox.height}" + shadowDepth="#{suggestionBox.shadowDepth}" + cellpadding="#{suggestionBox.cellpadding}"> + <h:column> + <h:outputText value="#{result.text}" /> + </h:column> + </rich:suggestionbox> + </h:panelGrid> + + <br /> + <br /> + + <h:panelGrid columns="2" border="0" style="border: 1px solid black;"> + + <h:outputText value="Border" /> + + <rich:inputNumberSlider minValue="1" maxValue="5" + value="#{suggestionBox.border}"> + <a4j:support event="onchange" reRender="suggestionBoxId" /> + </rich:inputNumberSlider> + + <h:outputText value="Width" /> + + <rich:inputNumberSlider minValue="150" maxValue="350" step="50" + value="#{suggestionBox.width}"> + <a4j:support event="onchange" reRender="suggestionBoxId" /> + </rich:inputNumberSlider> + + + <h:outputText value="Height" /> + + <rich:inputNumberSlider minValue="100" maxValue="300" step="50" + value="#{suggestionBox.height}"> + <a4j:support event="onchange" reRender="suggestionBoxId" /> + </rich:inputNumberSlider> + + <h:outputText value="Shadow Depth" /> + + <rich:inputNumberSlider minValue="3" maxValue="6" + value="#{suggestionBox.shadowDepth}"> + <a4j:support event="onchange" reRender="suggestionBoxId" /> + </rich:inputNumberSlider> + + + <h:outputText value="Shadow Opacity" /> + + <rich:inputNumberSlider minValue="1" maxValue="9" + value="#{suggestionBox.shadowOpacity}"> + <a4j:support event="onchange" reRender="suggestionBoxId" /> + </rich:inputNumberSlider> + + <h:outputText value="Cellpadding" /> + + <rich:inputNumberSlider minValue="1" maxValue="20" + value="#{suggestionBox.cellpadding}"> + <a4j:support event="onchange" reRender="suggestionBoxId" /> + </rich:inputNumberSlider> + + + </h:panelGrid> + </h:form> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,25 @@ +<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:toolBar height="26" itemSeparator="grid"> + <rich:toolBarGroup> + <h:graphicImage value="/richfaces/toolBar/images/new.gif" /> + <h:graphicImage value="/richfaces/toolBar/images/webapp_welcome.gif"/> + <h:graphicImage value="/richfaces/toolBar/images/palette_edit.gif"/> + </rich:toolBarGroup> + <rich:toolBarGroup> + <h:graphicImage value="/richfaces/toolBar/images/print_edit.gif"/> + <h:graphicImage value="/richfaces/toolBar/images/print.gif"/> + <h:graphicImage value="/richfaces/toolBar/images/print_preview.gif"/> + </rich:toolBarGroup> + <rich:toolBarGroup location="right"> + <h:graphicImage value="/richfaces/toolBar/images/yellow_lamp.gif"/> + <h:graphicImage value="/richfaces/toolBar/images/timer_task.gif"/> + </rich:toolBarGroup> + </rich:toolBar> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,39 @@ +<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> + .barsearch { + height:14px; + width:100px; + } + .barsearchbutton { + border-width:1px; + background-color:#{a4jSkin.generalBackgroundColor}; + } + </style> + <h:form> + <rich:toolBar height="34" itemSeparator="line"> + <rich:toolBarGroup> + <h:graphicImage id="edit" value="/richfaces/toolBar/images/print_edit.gif" /> + <h:outputLabel value="Edit" for="edit" /> + </rich:toolBarGroup> + <rich:toolBarGroup> + <h:graphicImage id="print" value="/richfaces/toolBar/images/print.gif" /> + <h:outputLabel value="Print" for="edit" /> + </rich:toolBarGroup> + <rich:toolBarGroup> + <h:graphicImage id="preview" value="/richfaces/toolBar/images/print_preview.gif" /> + <h:outputLabel value="Preview" for="preview" /> + </rich:toolBarGroup> + <rich:toolBarGroup location="right"> + <h:inputText styleClass="barsearch" /> + <h:commandButton styleClass="barsearchbutton" onclick="return false;" value="Search" /> + </rich:toolBarGroup> + </rich:toolBar> + </h:form> + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,78 @@ +<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="2" width="100%"> + <rich:panel> + <h:panelGrid columns="8"> + <h:outputText value="Group Separator:" /> + <a4j:commandLink value="Line" reRender="bar"> + <a4j:actionparam name="gs" value="line" assignTo="#{tbBean.groupSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="Grid" reRender="bar"> + <a4j:actionparam name="gs" value="grid" assignTo="#{tbBean.groupSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="Disc" reRender="bar"> + <a4j:actionparam name="gs" value="disc" assignTo="#{tbBean.groupSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="Square" reRender="bar"> + <a4j:actionparam name="gs" value="square" assignTo="#{tbBean.groupSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="None" reRender="bar"> + <a4j:actionparam name="gs" value="none" assignTo="#{tbBean.groupSeparator}" /> + </a4j:commandLink> + </h:panelGrid> + </rich:panel> + <rich:panel> + <h:panelGrid columns="8"> + <h:outputText value="Group Item Separator:" /> + <a4j:commandLink value="Line" reRender="bar"> + <a4j:actionparam name="gs" value="line" assignTo="#{tbBean.groupItemSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="Grid" reRender="bar"> + <a4j:actionparam name="gs" value="grid" assignTo="#{tbBean.groupItemSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="Disc" reRender="bar"> + <a4j:actionparam name="gs" value="disc" assignTo="#{tbBean.groupItemSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="Square" reRender="bar"> + <a4j:actionparam name="gs" value="square" assignTo="#{tbBean.groupItemSeparator}" /> + </a4j:commandLink> + + <a4j:commandLink value="None" reRender="bar"> + <a4j:actionparam name="gs" value="none" assignTo="#{tbBean.groupItemSeparator}" /> + </a4j:commandLink> + </h:panelGrid> + </rich:panel> + </h:panelGrid> + </h:form> + + <rich:toolBar id="bar" height="30" itemSeparator="#{tbBean.groupSeparator}"> + <rich:toolBarGroup itemSeparator="#{tbBean.groupItemSeparator}"> + <h:outputText value="Group1.1"></h:outputText> + <h:outputText value="Group1.2"></h:outputText> + <h:outputText value="Group1.3"></h:outputText> + </rich:toolBarGroup> + <rich:toolBarGroup itemSeparator="#{tbBean.groupItemSeparator}"> + <h:outputText value="Group2.1"></h:outputText> + <h:outputText value="Group2.2"></h:outputText> + </rich:toolBarGroup> + <rich:toolBarGroup location="right" itemSeparator="#{tbBean.groupItemSeparator}"> + <h:outputText value="Group3.1"></h:outputText> + <h:outputText value="Group3.2"></h:outputText> + </rich:toolBarGroup> + </rich:toolBar> + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -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"> + + <style> + .tooltip { + background-color:#{a4jSkin.generalBackgroundColor}; + border-width:3px; + padding:10px; + } + .tooltip-text { + width:350px; + height:75px; + cursor:arrow; + border-width:2px; + text-align:center; + } + .tooltipData { + font-weight: bold; + } + </style> + + <h:panelGrid columns="2"> + <rich:panel id="sample1" styleClass="tooltip-text"> + <rich:toolTip> + <span style="white-space:nowrap"> + This tool-tip content was <strong>pre-rendered</strong> to the page.<br/> + The look of this tool-tip is 100% defined by skin. + </span> + </rich:toolTip> + <p> + Here you can see <b>default client-side</b> tool-tip + </p> + </rich:panel> + <rich:panel id="sample2" styleClass="tooltip-text"> + <rich:toolTip followMouse="true" direction="top-right" delay="500" styleClass="tooltip" style="width:250px"> + <span> + This tool-tip content also <strong>pre-rendered</strong> to the page. + However, the look of this tool-tip is customized by styleClass attribute. + </span> + </rich:toolTip> + <p> + This tool-tip will <b>follow mouse</b>. Also this tool-tip has a <b>delay 0.5 sec</b>, so be patient! + </p> + </rich:panel> + <h:form> + <rich:panel id="sample3" styleClass="tooltip-text"> + <rich:toolTip direction="top-right" mode="ajax" styleClass="tooltip" layout="block"> + <f:facet name="defaultContent"> + <strong>Wait...</strong> + </f:facet> + <span >This tool-tip content was <strong>rendered on server</strong> </span> + <h:panelGrid columns="2"> + <h:outputText value="tooltips requested:" /> + <h:outputText value="#{toolTipData.tooltipCounter}" styleClass="tooltipData" /> + </h:panelGrid> + </rich:toolTip> + <p> + This tool-tip rendered on server <b>in separate request</b>. + </p> + </rich:panel> + </h:form> + <h:form> + <rich:panel id="sample4" styleClass="tooltip-text"> + <rich:toolTip event="onclick" direction="bottom-left" mode="ajax" styleClass="tooltip" layout="block"> + <f:facet name="defaultContent"> + <strong>Wait...</strong> + </f:facet> + <span >This tool-tip content was <strong>rendered on server</strong> </span> + <h:panelGrid columns="2"> + <h:outputText value="tooltips requested:" /> + <h:outputText value="#{toolTipData.tooltipCounter}" styleClass="tooltipData" /> + </h:panelGrid> + </rich:toolTip> + <p> + This tool-tip will be <b>activated on mouse click</b>. It also has a <b>bottom-left</b> position. + </p> + </rich:panel> + </h:form> +</h:panelGrid> + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,91 @@ +<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> + .tooltip { + background-color:#{a4jSkin.generalBackgroundColor}; + border-width:3px; + padding:10px; + } + .tooltipData { + font-weight: bold; + } + </style> + + <h:form> + <h:outputText value="This tooltip rendered on server in separate request" id="tt3"> + <rich:toolTip direction="top-right" mode="ajax" verticalOffset="5" zorder="200" styleClass="tooltip" layout="block"> + <f:facet name="defaultContent"> + <strong>Wait...</strong> + </f:facet> + <span>This tooltip content was <strong>rendered</strong> on server </span> + <h:panelGrid columns="2"> + <h:outputText value="tooltips requested:" /> + <h:outputText value="#{toolTipData.tooltipCounter}" styleClass="tooltipData" /> + <h:outputText value="last request:" /> + <h:outputText value="#{toolTipData.tooltipDate}" styleClass="tooltipData" > + <f:convertDateTime pattern="mm:ss.SSS"/> + </h:outputText> + </h:panelGrid> + </rich:toolTip> + </h:outputText> + <rich:dataTable value="#{toolTipData.vehicles}" width="400" var="vehicle" rowKeyVar="row"> + <rich:column> + <f:facet name="header"> + <h:outputText value="##"/> + </f:facet> + <h:outputText value="#{row+1}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Make"/> + </f:facet> + <h:outputText id="make" value="#{vehicle.make}" > + <rich:toolTip direction="top-right" mode="ajax" delay="50000" styleClass="tooltip" immediate="true" layout="block"> + <a4j:actionparam name="key" value="#{row}" assignTo="#{toolTipData.currentVehicleIndex}" /> + <f:facet name="defaultContent"> + <strong>Wait please, content is loading...</strong> + </f:facet> + <span>Vehicle details:</span> + <h:panelGrid columns="2"> + <h:outputText value="make:" /> + <h:outputText value="#{vehicle.make}" styleClass="tooltipData" /> + <h:outputText value="model:" /> + <h:outputText value="#{vehicle.model}" styleClass="tooltipData" /> + <h:outputText value="year:" /> + <h:outputText value="#{vehicle.year}" styleClass="tooltipData" /> + <h:outputText value="milage:" /> + <h:outputText value="#{vehicle.milage}" styleClass="tooltipData" /> + <h:outputText value="zip:" /> + <h:outputText value="#{vehicle.zip}" styleClass="tooltipData" /> + <h:outputText value="vin:" /> + <h:outputText value="#{vehicle.vin}" styleClass="tooltipData" /> + <h:outputText value="listed:" /> + <h:outputText value="#{vehicle.listed}" styleClass="tooltipData" > + <f:convertDateTime dateStyle="short"/> + </h:outputText> + </h:panelGrid> + </rich:toolTip> + </h:outputText> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Model"/> + </f:facet> + <h:outputText value="#{vehicle.model}" /> + </rich:column> + <rich:column> + <f:facet name="header"> + <h:outputText value="Year"/> + </f:facet> + <h:outputText value="#{vehicle.year}" /> + </rich:column> + </rich:dataTable> + </h:form> + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -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"> + + <p>This tree uses "ajax" switch type, note that for collapse/expand operations it will be Ajax request to the server. You may see short delay in this case.</p> + <h:form> + <rich:tree style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"> + <rich:treeNode type="library"> + <h:outputText value="#{item.type}" /> + </rich:treeNode> + <rich:treeNode type="artist"> + <h:outputText value="#{item.name}" /> + </rich:treeNode> + <rich:treeNode type="album"> + <h:outputText value="#{item.title}" /> + </rich:treeNode> + <rich:treeNode type="song"> + <h:outputText value="#{item.title}" /> + </rich:treeNode> + </rich:tree> + </h:form> + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -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"> + + <p>This is exactly the same tree, but now it uses "client" switch type. Note, that all nodes actually rendered up-front and expand/collapse now do not requre server call</p> + <rich:tree switchType="client" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"> + <rich:treeNode type="library"> + <h:outputText value="#{item.type}" /> + </rich:treeNode> + <rich:treeNode type="artist"> + <h:outputText value="#{item.name}" /> + </rich:treeNode> + <rich:treeNode type="album"> + <h:outputText value="#{item.title}" /> + </rich:treeNode> + <rich:treeNode type="song"> + <h:outputText value="#{item.title}" /> + </rich:treeNode> + </rich:tree> + + + +</ui:composition> \ No newline at end of file Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml 2007-08-13 23:48:41 UTC (rev 2235) @@ -0,0 +1,25 @@ +<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 again same tree, but now it uses "server" switch type. Full page content will be reloaded at every click.</p> + <h:form> + <rich:tree switchType="server" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"> + <rich:treeNode type="library"> + <h:outputText value="#{item.type}" /> + </rich:treeNode> + <rich:treeNode type="artist"> + <h:outputText value="#{item.name}" /> + </rich:treeNode> + <rich:treeNode type="album"> + <h:outputText value="#{item.title}" /> + </rich:treeNode> + <rich:treeNode type="song"> + <h:outputText value="#{item.title}" /> + </rich:treeNode> + </rich:tree> + </h:form> +</ui:composition> \ No newline at end of file