[richfaces-svn-commits] JBoss Rich Faces SVN: r18676 - in trunk/examples/misc-demo/src/main: webapp/pages and 1 other directory.
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>