Author: ilya_shaikovsky Date: 2008-08-29 04:40:36 -0400 (Fri, 29 Aug 2008) New Revision: 10229 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/examples/simple.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/usage.xhtml Log: extendedDataTable sample finished Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/examples/simple.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/examples/simple.xhtml 2008-08-28 22:37:50 UTC (rev 10228) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/examples/simple.xhtml 2008-08-29 08:40:36 UTC (rev 10229) @@ -8,23 +8,26 @@ <ui:composition> <h:form> - <h:panelGrid columns="2"> + <h:panelGrid columns="2" columnClasses="top,top"> <rich:extendedDataTable value="#{capitalsBean.capitals}" var="cap" id="table" - width="400px" height="400px" sortMode="#{extendedTableBean.sortMode}" + width="420px" height="400px" sortMode="#{extendedTableBean.sortMode}" selectionMode="#{extendedTableBean.selectionMode}"> + <f:facet name="header"> + <h:outputText value="States Capitals"/> + </f:facet> <rich:column sortable="false"> <f:facet name="header"> <h:outputText value="Flag"/> </f:facet> <h:graphicImage value="#{cap.stateFlag}"/> </rich:column> - <rich:column sortable="true" sortBy="#{cap.state}"> + <rich:column sortable="true" sortBy="#{cap.state}" filterBy="#{cap.state}" filterEvent="onkeyup"> <f:facet name="header"> <h:outputText value="State Name"/> </f:facet> <h:outputText value="#{cap.state}"/> </rich:column> - <rich:column sortable="true" sortBy="#{cap.name}"> + <rich:column sortable="true" sortBy="#{cap.name}" filterBy="#{cap.state}" filterEvent="onkeyup"> <f:facet name="header"> <h:outputText value="State Capital"/> </f:facet> @@ -38,6 +41,9 @@ </rich:column> </rich:extendedDataTable> <rich:panel> + <f:facet name="header"> + <h:outputText value="Sort/Selection modes changing"/> + </f:facet> <h:panelGrid columns="2"> <h:outputText value="Sort Mode:"/> <h:selectOneMenu value="#{extendedTableBean.sortMode}"> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/usage.xhtml 2008-08-28 22:37:50 UTC (rev 10228) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/extendedDataTable/usage.xhtml 2008-08-29 08:40:36 UTC (rev 10229) @@ -7,9 +7,28 @@ xmlns:rich="http://richfaces.org/rich"> <ui:composition template="/templates/component-sample.xhtml"> <ui:define name="sample"> - <p>Desc + <style> + .top{ + vertical-align:top; + } + </style> + <p> + This is <b>dataTable extension component</b> contributed to the Rich Faces from + the community. It adds next features to the rich:dataTable component: </p> - + <ul> + <li><b>Scrolling data</b> on the client and usage scrolling together with paggination</li> + <li><b>Selection of rows</b> with management of the selection on server through simple binding</li> + <li>Management the <b>modes of the selection</b> (none, single line or multiple lines)</li> + <li><b>Columns reordering</b> using drag and drop of the headers</li> + <li><b>Showing/hiding columns </b>through built-in context menu</li> + <li><b>State saving </b>through value binding</li> + <li><b>Grouping rows </b>by any column</li> + </ul> + <p> + <b>Note</b><i>: This component is in a preview state for 3.2.2 release cause it was + not fully tested/reviewed by the RF team.</i> + </p> <fieldset class="demo_fieldset"> <legend class="demo_legend">Extended DataTable example</legend> <div class="sample-container">