[richfaces-svn-commits] JBoss Rich Faces SVN: r573 - trunk/sandbox/scrollable-grid/src/main/templates/org/richfaces.

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

Author: abelevich
Date: 2007-04-26 12:03:15 -0400 (Thu, 26 Apr 2007)
New Revision: 573

Modified:
   trunk/sandbox/scrollable-grid/src/main/templates/org/richfaces/scrollable-grid.jspx
Log:


Modified: trunk/sandbox/scrollable-grid/src/main/templates/org/richfaces/scrollable-grid.jspx
===================================================================
--- trunk/sandbox/scrollable-grid/src/main/templates/org/richfaces/scrollable-grid.jspx	2007-04-26 16:02:22 UTC (rev 572)
+++ trunk/sandbox/scrollable-grid/src/main/templates/org/richfaces/scrollable-grid.jspx	2007-04-26 16:03:15 UTC (rev 573)
@@ -20,7 +20,66 @@
 		new org.ajax4jsf.framework.resource.PrototypeScript(),
 		/org/richfaces/renderkit/html/scripts/scrollable-grid.js
 	</h:scripts>
+	
+	<script type="text/javascript">
+		//<![CDATA[
 		
+		var #{this:getJavaScriptVarName(context, component)} = function() {
+		        return {
+		            init : function() {
+						var currTime = (new Date()).getTime();
+						ClientUILib.log(ClientUILogger.WARNING, "Document loaded over " + (currTime - ClientUILib.startTime) + " miliseconds.");
+					
+		            	var data = [];
+						for (var index = 0; index < 100; index++) {
+						  data[index] = [];
+						  for (var index2 = 0; index2 < 6; index2++) {
+						  	data[index][index2] = index2 + " : " + index; 
+						  }
+						  data[index][6] = index%2 ? "value 1" : "value 2";
+						}
+
+				        dataModel = new ClientUI.controls.grid.ArrayDataModel(data);
+						
+						var templates = [
+							{pane: GridLayout_Enum.HEADER,	ref: "GridHeaderTemplate"},
+							{pane: GridLayout_Enum.BODY, 	ref: "GridBodyTemplate"},
+							{pane: GridLayout_Enum.FOOTER,	ref: "GridFooterTemplate"}
+						];						
+
+						ClientUILib.log(ClientUILogger.WARNING, "DataModel created over " + ((new Date()).getTime() - currTime) + " miliseconds.");
+						currTime = (new Date()).getTime();
+						
+						// create the Grid
+				        var grid = new ClientUI.controls.grid.Grid('GridContainer', dataModel, templates,
+							{
+								showIndexColumn: true,
+								indexColumnWidth: 40
+							}
+						);						
+						ClientUILib.log(ClientUILogger.WARNING, "Grid control created over " + ((new Date()).getTime() - currTime) + " miliseconds.");
+						
+						grid.updateLayout();
+						Event.observe(grid.eventOnSort, "grid on sort", onSort);
+						
+						setTimeout(function() {
+							currTime = (new Date()).getTime();
+							grid.loadData(); 
+							ClientUILib.log(ClientUILogger.WARNING, "Grid data loaded over " + ((new Date()).getTime() - currTime) + " miliseconds.");
+						}.bind(this), 100);
+						
+						ClientUILib.log(ClientUILogger.WARNING, "Done.");
+		           }
+		     }
+		}();
+		
+		#{this:getScriptContributions(context, component)}
+		Event.observe(window, 'load', #{this:getJavaScriptVarName(context, component)}.init);
+		
+//		]]>
+	</script>
+		
+		
 	<div id="GridContainer" style="width:60%; height:300px;" class="ClientUI_Grid">
 		<div id="GridHeaderTemplate">
 			<table class="TestGridHeader" cellpadding="0" cellspacing="0" border="1">