[richfaces-svn-commits] JBoss Rich Faces SVN: r18676 - in trunk/examples/misc-demo/src/main: webapp/pages and 1 other directory.

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

Author: nbelaevski
Date: 2010-08-16 14:18:29 -0400 (Mon, 16 Aug 2010)
New Revision: 18676

Modified:
   trunk/examples/misc-demo/src/main/java/org/richfaces/demo/JQueryBean.java
   trunk/examples/misc-demo/src/main/webapp/pages/jquery.xhtml
Log:
https://jira.jboss.org/browse/RF-8993

Modified: trunk/examples/misc-demo/src/main/java/org/richfaces/demo/JQueryBean.java
===================================================================
--- trunk/examples/misc-demo/src/main/java/org/richfaces/demo/JQueryBean.java	2010-08-16 18:18:03 UTC (rev 18675)
+++ trunk/examples/misc-demo/src/main/java/org/richfaces/demo/JQueryBean.java	2010-08-16 18:18:29 UTC (rev 18676)
@@ -39,9 +39,16 @@
 
     private List<String> componentsDataList;
 
+    private List<String> emphasizedElements;
+
     public JQueryBean() {
         componentsDataList = new ArrayList<String>();
         addComponent();
+        
+        emphasizedElements = new ArrayList<String>();
+        for (int i = 0; i < 4; i++) {
+            emphasizedElements.add(UUID.randomUUID().toString());
+        }
     }
 
     public List<String> getComponentsDataList() {
@@ -52,4 +59,7 @@
         componentsDataList.add(UUID.randomUUID().toString());
     }
 
+    public Object getEmphasizedElements() {
+        return emphasizedElements;
+    }
 }

Modified: trunk/examples/misc-demo/src/main/webapp/pages/jquery.xhtml
===================================================================
--- trunk/examples/misc-demo/src/main/webapp/pages/jquery.xhtml	2010-08-16 18:18:03 UTC (rev 18675)
+++ trunk/examples/misc-demo/src/main/webapp/pages/jquery.xhtml	2010-08-16 18:18:29 UTC (rev 18676)
@@ -44,7 +44,15 @@
 				<f:ajax render=":liveTestGroup" />
 			</h:commandButton>
 		</h:form>
-
+		
+		<misc:jQuery name="emphasizeElement" query="siblings().css({'border-width': '0px'}).end().css({'border-width': '1px'})" />
+		
+		Click any list item to make selection (imitated by red 1px border):
+		<ul>
+			<ui:repeat value="#{jQueryBean.emphasizedElements}" var="elt">
+				<li style="border-color: red; border-style: solid; border-width: 0px;" onclick="emphasizeElement(this, {})">#{elt}</li>			
+			</ui:repeat>
+		</ul>
 	</h:body>
 </f:view>
 </html>