[richfaces-svn-commits] JBoss Rich Faces SVN: r13712 - in trunk: samples/datascroller-sample/src/main/webapp/pages and 3 other directories.

[richfaces-svn-commits at lists.jboss.org]

Author: nbelaevski
Date: 2009-04-20 18:48:43 -0400 (Mon, 20 Apr 2009)
New Revision: 13712

Added:
   trunk/ui/datascroller/src/main/resources/org/richfaces/renderkit/html/scripts/
   trunk/ui/datascroller/src/main/resources/org/richfaces/renderkit/html/scripts/datascroller.js
Modified:
   trunk/samples/datascroller-sample/src/main/java/org/richfaces/TestBean.java
   trunk/samples/datascroller-sample/src/main/webapp/pages/index.jsp
   trunk/ui/datascroller/src/main/templates/org/richfaces/htmlDatascroller.jspx
Log:
https://jira.jboss.org/jira/browse/RF-6879

Modified: trunk/samples/datascroller-sample/src/main/java/org/richfaces/TestBean.java
===================================================================
--- trunk/samples/datascroller-sample/src/main/java/org/richfaces/TestBean.java	2009-04-20 18:57:20 UTC (rev 13711)
+++ trunk/samples/datascroller-sample/src/main/java/org/richfaces/TestBean.java	2009-04-20 22:48:43 UTC (rev 13712)
@@ -36,6 +36,9 @@
 	private ArrayList data4;
 	private ArrayList data5;
 	private ArrayList data6;
+	
+	private ArrayList jsAPIScrollerData;
+	
 	public boolean renderIfSinglePage;
 	public int rows;
 	public int maxpage;
@@ -85,6 +88,10 @@
             data6.add(new Entry(null, i));
         }
 
+        jsAPIScrollerData = new ArrayList();
+        for (int i = 0; i < 50; i++) {
+			jsAPIScrollerData.add(i);
+		}
 
 	}
 
@@ -234,4 +241,8 @@
     		}
     	}
     }
+    
+    public ArrayList getJsAPIScrollerData() {
+		return jsAPIScrollerData;
+	}
 }
\ No newline at end of file

Modified: trunk/samples/datascroller-sample/src/main/webapp/pages/index.jsp
===================================================================
--- trunk/samples/datascroller-sample/src/main/webapp/pages/index.jsp	2009-04-20 18:57:20 UTC (rev 13711)
+++ trunk/samples/datascroller-sample/src/main/webapp/pages/index.jsp	2009-04-20 22:48:43 UTC (rev 13712)
@@ -97,6 +97,27 @@
 
 
         </h:form>
+        
+        <h:form id="form">
+        	Datascroller controlled via JS API:
+
+        	<h:dataTable id="jsAPIDt" rows="5" border="1" value="#{testBean.jsAPIScrollerData}" var="data">
+				<h:column>
+					<h:outputText value="#{data}" />
+				</h:column>
+        	</h:dataTable>
+        	
+        	<ds:datascroller fastStep="2" for="jsAPIDt" id="jsAPIDs"/>
+        	
+        	<h:panelGrid columns="1">
+        		<h:outputLink onclick="$('form:jsAPIDs').component.first(); return false;">first</h:outputLink>
+        		<h:outputLink onclick="$('form:jsAPIDs').component.previous(); return false;">previous</h:outputLink>
+        		<h:outputLink onclick="$('form:jsAPIDs').component.switchToPage(2); return false;">switchToPage(2)</h:outputLink>
+        		<h:outputLink onclick="$('form:jsAPIDs').component.next(); return false;">next</h:outputLink>
+        		<h:outputLink onclick="$('form:jsAPIDs').component.last(); return false;">last</h:outputLink>
+        	</h:panelGrid>
+        	
+        </h:form>
 	</f:view>
 </body>
 </html>

Added: trunk/ui/datascroller/src/main/resources/org/richfaces/renderkit/html/scripts/datascroller.js
===================================================================
--- trunk/ui/datascroller/src/main/resources/org/richfaces/renderkit/html/scripts/datascroller.js	                        (rev 0)
+++ trunk/ui/datascroller/src/main/resources/org/richfaces/renderkit/html/scripts/datascroller.js	2009-04-20 22:48:43 UTC (rev 13712)
@@ -0,0 +1,43 @@
+if (!window.Richfaces) {
+	window.Richfaces = {};
+}
+
+Richfaces.DatascrollerScrollEvent = "rich:datascroller:onscroll";
+
+Richfaces.Datascroller = Class.create({
+	initialize: function(clientId, submitFunction) {
+		this.element = $(clientId);
+		this.element.component = this;
+		
+		this["rich:destructor"] = "destroy";
+		
+		Event.observe(this.element, Richfaces.DatascrollerScrollEvent, submitFunction);
+	},
+	
+	destroy: function() {
+		this.element.component = undefined;
+		this.element = undefined;
+	},
+
+	switchToPage: function(page) {
+		if (typeof page != 'undefined' && page != null) {
+			Event.fire(this.element, Richfaces.DatascrollerScrollEvent, {'page': page});
+		}
+	},
+	
+	next: function() {
+		this.switchToPage("next");
+	},
+	
+	previous: function() {
+		this.switchToPage("previous");
+	},
+	
+	first: function() {
+		this.switchToPage("first");
+	},
+	
+	last: function() {
+		this.switchToPage("last");
+	}
+});
\ No newline at end of file

Modified: trunk/ui/datascroller/src/main/templates/org/richfaces/htmlDatascroller.jspx
===================================================================
--- trunk/ui/datascroller/src/main/templates/org/richfaces/htmlDatascroller.jspx	2009-04-20 18:57:20 UTC (rev 13711)
+++ trunk/ui/datascroller/src/main/templates/org/richfaces/htmlDatascroller.jspx	2009-04-20 22:48:43 UTC (rev 13712)
@@ -13,7 +13,8 @@
 	
    	<h:scripts>
 			new org.ajax4jsf.javascript.PrototypeScript(),
-			new org.ajax4jsf.javascript.AjaxScript()
+			new org.ajax4jsf.javascript.AjaxScript(),
+			/org/richfaces/renderkit/html/scripts/datascroller.js
 	</h:scripts>
 	
 	<f:clientid var="clientId"/>
@@ -357,7 +358,7 @@
 			]]>		                                               
 	    </jsp:scriptlet>	
 		<script type="text/javascript">
-			Event.observe('#{clientId}', 'rich:datascroller:onscroll', #{this:getSubmitFunction(context,component)});
+			new Richfaces.Datascroller('#{clientId}', #{this:getSubmitFunction(context,component)}); 
 		</script>
 	</div>
 </f:root>