Author: abelevich
Date: 2008-03-11 12:52:04 -0400 (Tue, 11 Mar 2008)
New Revision: 6708
Modified:
trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.jsp
trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.xhtml
Log:
extend demo
Modified: trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.jsp
===================================================================
--- trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.jsp 2008-03-11 16:51:20
UTC (rev 6707)
+++ trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.jsp 2008-03-11 16:52:04
UTC (rev 6708)
@@ -2,8 +2,12 @@
<%@ taglib
uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib
uri="http://labs.jboss.com/jbossrichfaces/ui/inplaceSelect"
prefix="is"%>
<html>
- <head>
- <title></title>
+ <head>
+ <title>InplaceSelect Sample</title>
+ <style>
+ .tab_example {width : 300px; border-top:1px solid #c0c0c0; border-left:1px solid
#c0c0c0;}
+ .tab_example td{width : 150px; border-bottom:1px solid #c0c0c0; border-right:1px
solid #c0c0c0;}
+ </style>
</head>
<body>
<f:view>
@@ -61,6 +65,7 @@
Fresh off his victory in the Florida primary, Sen. John McCain is poised to take
another big prize. Former
<is:inplaceSelect
+ id="aaaa"
editEvent="#{bean.editEvent}"
maxSelectWidth="#{bean.maxSelectWidth}"
minSelectWidth="#{bean.minSelectWidth}"
@@ -69,13 +74,14 @@
controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
value="#{bean.value}"
listWidth="#{bean.listWidth}"
- selectWidth="100"
listHeight="#{bean.listHeight}"
selectOnEdit="#{bean.selectOnEdit}"
showControls="#{bean.showControls}"
editOnTab="#{bean.editOnTab}"
openOnEdit="#{bean.openOnEdit}"
- >
+ valueChangeListener="#{bean.valueChange}"
+ layout="inline"
+ >
<f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
<f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
<f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
@@ -90,7 +96,192 @@
<br/>
<h:outputText value="value is:
#{bean.value}"></h:outputText>
- <h:commandButton value="submit"></h:commandButton>
+ <h:commandButton value="submit"></h:commandButton>
+
+
+ <table class="tab_example" border="0"
cellpadding="0" cellspacing="0">
+ <tr>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ </tr>
+ </table>
+
</h:form>
</f:view>
</body>
Modified: trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.xhtml
===================================================================
--- trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.xhtml 2008-03-11
16:51:20 UTC (rev 6707)
+++ trunk/samples/inplaceSelect-sample/src/main/webapp/pages/index.xhtml 2008-03-11
16:52:04 UTC (rev 6708)
@@ -8,7 +8,11 @@
<head>
- <title></title>
+ <title>InplaceSelect Facelets Sample</title>
+ <style>
+ .tab_example {width : 300px; border-top:1px solid #c0c0c0; border-left:1px solid
#c0c0c0;}
+ .tab_example td{width : 150px; border-bottom:1px solid #c0c0c0; border-right:1px
solid #c0c0c0;}
+ </style>
</head>
<body>
<f:view>
@@ -88,7 +92,190 @@
</div>
<br/>
<h:outputText value="value is:
#{bean.value}"></h:outputText>
- <h:commandButton value="submit"></h:commandButton>
+ <h:commandButton value="submit"></h:commandButton>
+
+ <table class="tab_example" border="0"
cellpadding="0" cellspacing="0">
+ <tr>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ <td>
+ <is:inplaceSelect
+ editEvent="#{bean.editEvent}"
+ maxSelectWidth="#{bean.maxSelectWidth}"
+ minSelectWidth="#{bean.minSelectWidth}"
+ defaultLabel="#{bean.defaultLabel}"
+ controlsVerticalPosition="#{bean.controlsPosition}"
+ controlsHorizontalPosition="#{bean.controlsHorizontalAlign}"
+ value="#{bean.value}"
+ listWidth="#{bean.listWidth}"
+ listHeight="#{bean.listHeight}"
+ selectOnEdit="#{bean.selectOnEdit}"
+ showControls="#{bean.showControls}"
+ editOnTab="#{bean.editOnTab}"
+ openOnEdit="#{bean.openOnEdit}"
+ valueChangeListener="#{bean.valueChange}"
+ layout="block"
+ >
+ <f:selectItem itemLabel="option 1" itemValue="Kansas
City"/>
+ <f:selectItem itemLabel="option 2" itemValue="Las
Vegas"/>
+ <f:selectItem itemLabel="option 3" itemValue="Oklahoma
City"/>
+ <f:selectItem itemLabel="option 4" itemValue="New
Jersey"/>
+ <f:selectItem itemLabel="option 5"
itemValue="Detroit"/>
+ <f:selectItem itemLabel="option 6"
itemValue="Toronto"/>
+ <f:selectItem itemLabel="option 7"
itemValue="Cleveland"/>
+ <f:selectItem itemLabel="option 8"
itemValue="Indianapolis"/>
+ <f:selectItem itemLabel="option 9" itemValue="New
York"/>
+ </is:inplaceSelect>
+ </td>
+ </tr>
+ </table>
</h:form>
</f:view>