[richfaces-svn-commits] JBoss Rich Faces SVN: r10838 - in trunk/test-applications/facelets/src/main: webapp/ScrollableDataTable and 1 other directory.

Monday, 20 October 2008


Author: adubovsky
Date: 2008-10-20 11:01:00 -0400 (Mon, 20 Oct 2008)
New Revision: 10838

Modified:
  
trunk/test-applications/facelets/src/main/java/scrollableDataTable/ScrollableDataTable.java
  
trunk/test-applications/facelets/src/main/webapp/ScrollableDataTable/ScrollableDataTable.xhtml
Log:
Add "Show selection" functionality to scrollableDataTable

Modified:
trunk/test-applications/facelets/src/main/java/scrollableDataTable/ScrollableDataTable.java
===================================================================
---
trunk/test-applications/facelets/src/main/java/scrollableDataTable/ScrollableDataTable.java	2008-10-20
14:59:15 UTC (rev 10837)
+++
trunk/test-applications/facelets/src/main/java/scrollableDataTable/ScrollableDataTable.java	2008-10-20
15:01:00 UTC (rev 10838)
@@ -2,21 +2,22 @@
 
 import java.util.ArrayList;
 import java.util.GregorianCalendar;
+import java.util.Iterator;
 
 import org.ajax4jsf.model.DataComponentState;
 import org.richfaces.component.html.HtmlScrollableDataTable;
-import org.richfaces.model.selection.Selection;
+import org.richfaces.model.selection.SimpleSelection;
 
 import util.componentInfo.ComponentInfo;
 import util.data.Data;
 
 /**
  * @author AYanul
- *
+ * 
  */
-public class ScrollableDataTable 
-{
+public class ScrollableDataTable {
 	private ArrayList<Data> data;
+	private ArrayList<Data> selectedRows;
 	private String width;
 	private int rows;
 	private String key;
@@ -34,16 +35,16 @@
 	private boolean ignoreDupResponses;
 	private String eventsQueue;
 	private String activeRowKey;
-	private Selection selection;
+	private SimpleSelection selection;
 	private boolean ajaxSingle;
 	private GregorianCalendar date;
 	private HtmlScrollableDataTable htmlScrollableDataTable = null;
-	
-	public void addHtmlScrollableDataTable(){
+
+	public void addHtmlScrollableDataTable() {
 		ComponentInfo info = ComponentInfo.getInstance();
 		info.addField(htmlScrollableDataTable);
 	}
-	
+
 	public HtmlScrollableDataTable getHtmlScrollableDataTable() {
 		return htmlScrollableDataTable;
 	}
@@ -63,11 +64,12 @@
 
 	public ScrollableDataTable() {
 		sortMode = "single";
-		width = "400px";
+		width = "750px";
 		rows = 30;
-		hideWhenScrolling = false;
+		hideWhenScrolling = true;
 		dataLength = 40;
 		data = new ArrayList<Data>();
+		selectedRows = new ArrayList<Data>();
 		first = 0;
 		rendered = true;
 		timeout = 0;
@@ -79,12 +81,29 @@
 		date = new GregorianCalendar();
 		addNewItem();
 	}
-	
-	public Selection getSelection() {
+
+	public void takeSelection() {
+		getSelectedRows().clear();
+		if (getSelection().isSelectAll()) {
+			getSelectedRows().addAll(data);
+		} else {
+			Iterator<Object> iterator = getSelection().getKeys();
+			while (iterator.hasNext()) {
+				Object key = iterator.next();
+				htmlScrollableDataTable.setRowKey(key);
+				if (htmlScrollableDataTable.isRowAvailable()) {
+					getSelectedRows().add(
+							(Data) htmlScrollableDataTable.getRowData());
+				}
+			}
+		}
+	}
+
+	public SimpleSelection getSelection() {
 		return selection;
 	}
 
-	public void setSelection(Selection selection) {
+	public void setSelection(SimpleSelection selection) {
 		this.selection = selection;
 	}
 
@@ -187,19 +206,21 @@
 	public void setHideWhenScrolling(boolean hideWhenScrolling) {
 		this.hideWhenScrolling = hideWhenScrolling;
 	}
-	
-	public void addNewItem() {		
-		if(dataLength < 0) dataLength = 0;
-		if(data.size() > dataLength)
-			for(int i = data.size() - 1; i >= dataLength; i--)
+
+	public void addNewItem() {
+		if (dataLength < 0)
+			dataLength = 0;
+		if (data.size() > dataLength)
+			for (int i = data.size() - 1; i >= dataLength; i--)
 				data.remove(i);
 		else
-			for(int i = data.size(); i < dataLength; i++){
-				date.set(2008, 5, 14, 3, i); 			
-				data.add(new Data(i, "Text " + i, "Link " + i, "select"
+(i % 5), Data.statusIcon[i % 5], date.getTime()));
+			for (int i = data.size(); i < dataLength; i++) {
+				date.set(2008, 5, 14, 3, i);
+				data.add(new Data(i, "Text " + i, "Link " + i,
"select"
+						+ (i % 5), Data.statusIcon[i % 5], date.getTime()));
 			}
 	}
-	
+
 	public ArrayList<Data> getData() {
 		return data;
 	}
@@ -251,4 +272,12 @@
 	public void setSortMode(String sortMode) {
 		this.sortMode = sortMode;
 	}
+
+	public ArrayList<Data> getSelectedRows() {
+		return selectedRows;
+	}
+
+	public void setSelectedRows(ArrayList<Data> selectedRows) {
+		this.selectedRows = selectedRows;
+	}
 }
\ No newline at end of file

Modified:
trunk/test-applications/facelets/src/main/webapp/ScrollableDataTable/ScrollableDataTable.xhtml
===================================================================
---
trunk/test-applications/facelets/src/main/webapp/ScrollableDataTable/ScrollableDataTable.xhtml	2008-10-20
14:59:15 UTC (rev 10837)
+++
trunk/test-applications/facelets/src/main/webapp/ScrollableDataTable/ScrollableDataTable.xhtml	2008-10-20
15:01:00 UTC (rev 10838)
@@ -1,72 +1,109 @@
 
-<f:subview xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:rich="http://richfaces.org/rich"
id="scrollableDataTableSubviewID">
-	<h:panelGrid columns="6" border="1"
style="font-size:12px">
-		<h:outputText value="#1"></h:outputText>
-		<h:outputText value="#2"></h:outputText>
-		<h:outputText value="#3"></h:outputText>
-		<h:outputText value="#4"></h:outputText>
-		<h:outputText value="#5"></h:outputText>
-		<h:outputText value="#6"></h:outputText>
-		
+<f:subview xmlns:ui="http://java.sun.com/jsf/facelets"
+	xmlns:f="http://java.sun.com/jsf/core"
+	xmlns:a4j="http://richfaces.org/a4j"
+	xmlns:h="http://java.sun.com/jsf/html"
+	xmlns:rich="http://richfaces.org/rich"
+	id="scrollableDataTableSubviewID">
+
+	<h:panelGrid columns="7" border="1"
style="font-size:12px">
+		<h:outputText value="#1 "></h:outputText>
+		<h:outputText value="#2 Text"></h:outputText>
+		<h:outputText value="#3 Link"></h:outputText>
+		<h:outputText value="#4 Select"></h:outputText>
+		<h:outputText value="#5 Icon"></h:outputText>
+		<h:outputText value="#6 outputLink"></h:outputText>
+		<h:outputText value="#7 Date"></h:outputText>
+
 		<h:panelGrid columns="1" title="1">
-			<h:outputText value="sortExpression"/>
-			<h:outputText value="sortable='true'"/>
+			<h:outputText value="sortBy" />
+			<h:outputText value="sortable='true'" />
 		</h:panelGrid>
 		<h:panelGrid columns="1" title="2">
-			<h:outputText value="sortExpression"/>
-			<h:outputText value="sortable='false'"/>
+			<h:outputText value="sortBy" />
+			<h:outputText value="sortable='false'" />
 		</h:panelGrid>
 		<h:panelGrid columns="1" title="3">
-			<h:outputText value="sortExpression"/>
+			<h:outputText value="sortBy" />
+			<h:outputText value="undefined sortable" />
 		</h:panelGrid>
 		<h:panelGrid columns="1" title="4">
-			<h:outputText value="sortExpression"/>
+			<h:outputText value="sortBy" />
+			<h:outputText value="undefined sortable" />
 		</h:panelGrid>
 		<h:panelGrid columns="1" title="5">
-			<h:outputText value="sortExpression"/>
+			<h:outputText value="sortBy" />
+			<h:outputText value="undefined sortable" />
 		</h:panelGrid>
 		<h:panelGrid columns="1" title="6">
-			<h:outputText value=""/>
+			<h:outputText value="undefined sortBy" />
+			<h:outputText value="undefined sortable" />
 		</h:panelGrid>
+		<h:panelGrid columns="1" title="7">
+			<h:outputText value="sortBy" />
+			<h:outputText value="sortable='true'" />
+		</h:panelGrid>
 	</h:panelGrid>
-	<rich:scrollableDataTable id="sdt" var="sdt"
rowKeyVar="key" onRowDblClick="alert('row:#{key}')"
-		ajaxSingle="#{scrollableDT.ajaxSingle}" 
-		binding="#{scrollableDT.htmlScrollableDataTable}"
-		value="#{scrollableDT.data}" rows="#{scrollableDT.rows}"
-		width="#{scrollableDT.width}" height="#{scrollableDT.height}"
+	<br />
+	<rich:scrollableDataTable
+		binding="#{scrollableDT.htmlScrollableDataTable}" id="sdt"
var="sdt"
+		rowKeyVar="key" onRowDblClick="alert('row: #{key}')"
+		rowKeyConverter="#{dataConverter}" value="#{scrollableDT.data}"
+		rows="#{scrollableDT.rows}" width="#{scrollableDT.width}"
+		height="#{scrollableDT.height}"
 		hideWhenScrolling="#{scrollableDT.hideWhenScrolling}"
 		reRender="inputID" frozenColCount="#{scrollableDT.frozenColCount}"
-		first="#{scrollableDT.first}"
ignoreDupResponses="#{scrollableDT.ignoreDupResponses}"
-		bypassUpdates="#{scrollableDT.bypassUpdates}"
rendered="#{scrollableDT.rendered}" 
-		limitToList="#{scrollableDT.limitToList}"
-		
-		timeout="#{scrollableDT.timeout}"
sortMode="#{scrollableDT.sortMode}"
-		selection="#{scrollableDT.selection}" eventsQueue="myEventsQueue"
-		captionClass="#{style.captionClass}"
columnClasses="#{style.columnClasses}"
footerClass="#{style.footerClass}" headerClass="#{style.headerClass}"
rowClasses="#{style.rowClasses}" activeClass="#{style.activeClass}"
styleClass="#{style.styleClass}" style="#{style.style}"
selectedClass="#{style.selectedClass}" 
-		onbeforedomupdate="#{event.onbeforedomupdate}"
oncomplete="#{event.oncomplete}" onRowClick="#{event.onRowClick}"
onRowMouseDown="#{event.onRowMouseDown}"
onRowMouseUp="#{event.onRowMouseUp}"
onselectionchange="#{event.onselectionchange}">
+		first="#{scrollableDT.first}"
+		ignoreDupResponses="#{scrollableDT.ignoreDupResponses}"
+		bypassUpdates="#{scrollableDT.bypassUpdates}"
+		rendered="#{scrollableDT.rendered}"
timeout="#{scrollableDT.timeout}"
+		sortMode="#{scrollableDT.sortMode}" eventsQueue="myEventsQueue"
+		columnClasses="#{style.columnClasses}"
+		footerClass="#{style.footerClass}"
headerClass="#{style.headerClass}"
+		rowClasses="#{style.rowClasses}"
activeClass="#{style.activeClass}"
+		styleClass="#{style.styleClass}" style="#{style.style}"
+		selectedClass="#{style.selectedClass}"
+		onRowMouseDown="#{event.onRowMouseDown}"
+		onRowMouseUp="#{event.onRowMouseUp}"
+		onselectionchange="#{event.onselectionchange}"
+		selection="#{scrollableDT.selection}">
 		<f:facet name="header">
-			<h:outputText value="facet header"></h:outputText>	
+			<h:outputText value="facet header"></h:outputText>
 		</f:facet>
-		<rich:column sortExpression="#{sdt.int0}" sortable="true">
-			<f:facet name="header"><h:outputText
value="#"/></f:facet>
+		<rich:column sortBy="#{sdt.int0}" sortable="true"
id="colID">
+			<f:facet name="header">
+				<h:outputText value="#" />
+			</f:facet>
 			<h:outputText value="#{sdt.int0}"></h:outputText>
-			<f:facet name="footer"><h:outputText
value="#"/></f:facet>
+			<f:facet name="footer">
+				<h:outputText value="#" />
+			</f:facet>
 		</rich:column>
 
-		<rich:column sortExpression="#{sdt.str0}" sortable="false">
-			<f:facet name="header"><h:outputText
value="Text"></h:outputText> </f:facet>
+		<rich:column sortBy="#{sdt.str0}" sortable="false">
+			<f:facet name="header">
+				<h:outputText value="Text"></h:outputText>
+			</f:facet>
 			<h:outputText value="#{sdt.str0}"></h:outputText>
-			<f:facet name="footer"><h:outputText
value="Text"></h:outputText> </f:facet>
+			<f:facet name="footer">
+				<h:outputText value="Text"></h:outputText>
+			</f:facet>
 		</rich:column>
 
-		<rich:column sortExpression="#{sdt.str1}">
-			<f:facet name="header"><h:outputText
value="Link"></h:outputText> </f:facet>
+		<rich:column sortBy="#{sdt.str1}">
+			<f:facet name="header">
+				<h:outputText value="Link"></h:outputText>
+			</f:facet>
 			<a4j:commandLink value="#{sdt.str1}"
reRender="sdt"></a4j:commandLink>
-			<f:facet name="footer"><h:outputText
value="Link"></h:outputText> </f:facet>
+			<f:facet name="footer">
+				<h:outputText value="Link"></h:outputText>
+			</f:facet>
 		</rich:column>
 
-		<rich:column sortExpression="#{sdt.str2}">
-			<f:facet name="header"><h:outputText
value="Select"></h:outputText> </f:facet>
+		<rich:column sortBy="#{sdt.str2}">
+			<f:facet name="header">
+				<h:outputText value="Select"></h:outputText>
+			</f:facet>
 			<h:selectOneMenu value="#{sdt.str2}">
 				<f:selectItem itemLabel="select0" itemValue="select0" />
 				<f:selectItem itemLabel="select1" itemValue="select1" />
@@ -74,27 +111,153 @@
 				<f:selectItem itemLabel="select3" itemValue="select3" />
 				<f:selectItem itemLabel="select4" itemValue="select4" />
 			</h:selectOneMenu>
-			<f:facet name="footer"><h:outputText
value="Select"></h:outputText> </f:facet>
+			<f:facet name="footer">
+				<h:outputText value="Select"></h:outputText>
+			</f:facet>
 		</rich:column>
 
-		<rich:column sortExpression="#{sdt.str3}">
-			<f:facet name="header"><h:outputText
value="Select"></h:outputText> </f:facet>
+		<rich:column sortBy="#{sdt.str3}">
+			<f:facet name="header">
+				<h:outputText value="Icon"></h:outputText>
+			</f:facet>
 			<h:graphicImage value="#{sdt.str3}"></h:graphicImage>
-			<f:facet name="footer"><h:outputText
value="Select"></h:outputText> </f:facet>
+			<f:facet name="footer">
+				<h:outputText value="Icon"></h:outputText>
+			</f:facet>
 		</rich:column>
-		
+
 		<rich:column>
 			<f:facet name="header">
-				<h:outputText value="Link"></h:outputText>
+				<h:outputText value="outputLink"></h:outputText>
 			</f:facet>
-			<h:outputLink
value="http://www.jboss.com/"><f:verbatim>Link</f:v...
+			<h:outputLink value="http://www.jboss.com/">
+				<f:verbatim>Link</f:verbatim>
+			</h:outputLink>
 			<f:facet name="footer">
-				<h:outputText value="Link"></h:outputText>
+				<h:outputText value="outputLink"></h:outputText>
 			</f:facet>
-		</rich:column>		
-		
+		</rich:column>
+
+		<rich:column sortBy="#{sdt.date0}" sortable="true">
+			<f:facet name="header">
+				<h:outputText value="Date" />
+			</f:facet>
+			<h:outputText value="#{sdt.date0}"></h:outputText>
+			<f:facet name="footer">
+				<h:outputText value="Date" />
+			</f:facet>
+		</rich:column>
+
 		<f:facet name="footer">
 			<h:outputText value="facet footer"></h:outputText>
 		</f:facet>
 	</rich:scrollableDataTable>
+	<br />
+	<a4j:commandButton value="Show Current Selection"
reRender="table"
+		action="#{scrollableDT.takeSelection}"
+		oncomplete="javascript:Richfaces.showModalPanel('panel');" />
+
+	<rich:modalPanel id="panel" autosized="true"
keepVisualState="false" >
+		<f:facet name="header">
+			<h:outputText value="Selected Rows" />
+		</f:facet>
+		<f:facet name="controls">
+			<a4j:commandLink style="cursor: pointer"
+				onclick="javascript:Richfaces.hideModalPanel('panel')"
value="X" />
+		</f:facet>
+		<h:panelGroup layout="block" styleClass="scrolls">
+			<rich:dataTable value="#{scrollableDT.selectedRows}" var="sel"
+				id="table">
+				<rich:column sortBy="#{sel.int0}" sortable="true"
id="colID">
+					<f:facet name="header">
+						<h:outputText value="#" />
+					</f:facet>
+					<h:outputText value="#{sel.int0}"></h:outputText>
+				</rich:column>
+
+				<rich:column sortBy="#{sel.str0}" sortable="false">
+					<f:facet name="header">
+						<h:outputText value="Text"></h:outputText>
+					</f:facet>
+					<h:outputText value="#{sel.str0}"></h:outputText>
+				</rich:column>
+
+				<rich:column sortBy="#{sel.str1}">
+					<f:facet name="header">
+						<h:outputText value="Link"></h:outputText>
+					</f:facet>
+					<a4j:commandLink value="#{sel.str1}"
reRender="sdt"></a4j:commandLink>
+				</rich:column>
+
+				<rich:column sortBy="#{sel.str2}">
+					<f:facet name="header">
+						<h:outputText value="Select"></h:outputText>
+					</f:facet>
+					<h:selectOneMenu value="#{sel.str2}">
+						<f:selectItem itemLabel="select0" itemValue="select0" />
+						<f:selectItem itemLabel="select1" itemValue="select1" />
+						<f:selectItem itemLabel="select2" itemValue="select2" />
+						<f:selectItem itemLabel="select3" itemValue="select3" />
+						<f:selectItem itemLabel="select4" itemValue="select4" />
+					</h:selectOneMenu>
+				</rich:column>
+
+				<rich:column sortBy="#{sel.str3}">
+					<f:facet name="header">
+						<h:outputText value="Icon"></h:outputText>
+					</f:facet>
+					<h:graphicImage value="#{sel.str3}"></h:graphicImage>
+				</rich:column>
+
+				<rich:column>
+					<f:facet name="header">
+						<h:outputText value="outputLink"></h:outputText>
+					</f:facet>
+					<h:outputLink value="http://www.jboss.com/">
+						<f:verbatim>Link</f:verbatim>
+					</h:outputLink>
+				</rich:column>
+
+				<rich:column sortBy="#{sel.date0}" sortable="true">
+					<f:facet name="header">
+						<h:outputText value="Date" />
+					</f:facet>
+					<h:outputText value="#{sel.date0}"></h:outputText>
+				</rich:column>
+			</rich:dataTable>
+		</h:panelGroup>
+	</rich:modalPanel>
+	<br />
+	<h:panelGrid columns="2" border="1">
+		<h:panelGroup>
+			<h:outputText value="JS API test" style="FONT-WEIGHT:
bold;"></h:outputText>
+			<br />
+			<a4j:commandLink
+				onclick="$('formID:scrollableDataTableSubviewID:sdt').component.collapse(colID)"
+				value="collapse('colID')"></a4j:commandLink>
+			<br />
+			<a4j:commandLink
+				onclick="$('formID:scrollableDataTableSubviewID:sdt').component.expand(colID)"
+				value="expand('colID')"></a4j:commandLink>
+		</h:panelGroup>
+		<h:panelGroup>
+			<f:verbatim>
+				<h:outputText value="Component control+JS API"
+					style="FONT-WEIGHT: bold;"></h:outputText>
+				<br />
+				<a href="#" id="collapseID">collapseID</a>
+				<br />
+				<a href="#" id="expandID">expandID</a>
+			</f:verbatim>
+			<rich:componentControl attachTo="collapseID" event="onclick"
+				for="sdt" operation="collapse">
+				<f:param value="colID" name="colID" />
+			</rich:componentControl>
+			<rich:componentControl attachTo="expandID" event="onclick"
for="sdt"
+				operation="expand">
+				<f:param value="colID" name="colID" />
+			</rich:componentControl>
+		</h:panelGroup>
+	</h:panelGrid>
+	<br />
 </f:subview>


    

2026

2025

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007

[richfaces-svn-commits] JBoss Rich Faces SVN: r10838 - in trunk/test-applications/facelets/src/main: webapp/ScrollableDataTable and 1 other directory.