2:12 p.m.
Author: vmolotkov
Date: 2008-01-29 08:12:03 -0500 (Tue, 29 Jan 2008)
New Revision: 5696
Added:
trunk/sandbox/ui/pickList/src/main/templates/
trunk/sandbox/ui/pickList/src/main/templates/htmlPickList.jspx
Log:
Added: trunk/sandbox/ui/pickList/src/main/templates/htmlPickList.jspx
===================================================================
--- trunk/sandbox/ui/pickList/src/main/templates/htmlPickList.jspx
(rev 0)
+++ trunk/sandbox/ui/pickList/src/main/templates/htmlPickList.jspx 2008-01-29 13:12:03 UTC
(rev 5696)
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<f:root
+ xmlns:f="http://ajax4jsf.org/cdk/template"
+ xmlns:c=" http://java.sun.com/jsf/core"
+ xmlns:ui=" http://ajax4jsf.org/cdk/ui"
+ xmlns:u=" http://ajax4jsf.org/cdk/u"
+ xmlns:jsp=" http://ajax4jsf.org/cdk/jsp"
+ xmlns:x=" http://ajax4jsf.org/cdk/x"
+ baseclass="org.richfaces.renderkit.PickListRenderer"
+ class="org.richfaces.renderkit.html.PickListRendererGen"
+ component="org.richfaces.component.UIPickList">
+
+ <jsp:directive.page import="org.richfaces.component.util.HtmlUtil" />
+
+ <h:styles>css/picklist.xcss</h:styles>
+
+ <h:scripts>
+ new org.ajax4jsf.javascript.PrototypeScript(),
+ scripts/ShuttleUtils.js
+ scripts/SelectItem.js,
+ scripts/PickListSI.js,
+ scripts/LayoutManager.js
+ scripts/Control.js,
+ scripts/ListBase.js,
+ scripts/ListShuttle.js,
+ scripts/PickList.js
+ </h:scripts>
+
+ <f:clientId var="clientId"/>
+
+ <table id="#{clientId}" class="rich-list-shuttle
#{component.attributes['styleClass']}"
+ cellspacing="0" cellpadding="0"
+ x:passThruWithExclusions="id, class, styleClass">
+ <tbody>
+ <vcp:body>
+ <f:clientId var="clientId"/>
+
+ <jsp:scriptlet>
+ <![CDATA[
+ //SelectionState sourceSelectionState = new SelectionState();
+ //variables.setVariable("selectionState", sourceSelectionState);
+ //String encodedSourceRows = encodeRows(context, component, true);
+
+ //SelectionState targetSelectionState = new SelectionState();
+ //variables.setVariable("selectionState", targetSelectionState);
+ //String encodedTargetRows = encodeRows(context, component, false);
+
+ Boolean switchByClick = (Boolean)
component.getAttributes().get("switchByClick");
+ variables.setVariable("switchByClick", switchByClick);
+
+ variables.setVariable("baseClientId",
component.getBaseClientId(context));
+ ]]>
+ </jsp:scriptlet>
+
+ <tr>
+ <td>
+ <div class="rich-shuttle-source-items #{component.listClass}">
+ <input id="#{clientId}focusKeeper" type="button"
value="" style="width: 1px; position: absolute; left: -32767px;"/>
+
+ <table id="#{clientId}table" cellpadding="0"
cellspacing="0" class="rich-shuttle-body">
+ <tbody>
+ <tr>
+ <td style="border:0px;padding : 0px;">
+ <div id="#{clientId}headerBox"
class="rich-shuttle-list">
+ <jsp:scriptlet>
+ <![CDATA[
+ String contentContainerStyle = "";
+ String sourceListWidthValue = (String)
component.getAttributes().get("sourceListWidth");
+ if (sourceListWidthValue != null) {
+ contentContainerStyle =
contentContainerStyle.concat("width:").concat(HtmlUtil.qualifySize(sourceListWidthValue)).concat(";");
+ variables.setVariable("contentContainerStyle",
contentContainerStyle);
+ }
+ ]]>
+ </jsp:scriptlet>
+ <jsp:scriptlet>
+ <![CDATA[
+ String listHeightValue = (String)
component.getAttributes().get("listsHeight");
+ if (listHeightValue != null) {
+ contentContainerStyle =
contentContainerStyle.concat("height:").concat(HtmlUtil.qualifySize(listHeightValue)).concat(";");
+ variables.setVariable("contentContainerStyle",
contentContainerStyle);
+ }
+ ]]>
+ </jsp:scriptlet>
+ <div id="#{clientId}contentBox"
class="rich-shuttle-list-content"
style="#{contentContainerStyle}">
+ <table id="#{clientId}internal_tab"
class="rich-shuttle-internal-tab" cellpadding="0"
cellspacing="0">
+ <tbody id="#{clientId}tbody">
+ <f:call name="encodeSourceRows" />
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </td>
+ <td style="vertical-align: #{component.moveControlsVerticalAlign};"
>
+ <div class="rich-shuttle-controls">
+ <jsp:scriptlet><![CDATA[
+ encodePickListControlsFacets(context, component);
+ ]]></jsp:scriptlet>
+ </div>
+
+ </td>
+ <td>
+ <div class="rich-shuttle-target-items #{component.listClass}" >
+ <input type="hidden" value=":" style="display:
none;" name="#{baseClientId}" />
+ <f:call name="encodeHiddenField" />
+ <input id="#{clientId}tlFocusKeeper" type="button"
value="" style="width: 1px; position: absolute; left: -32767px;"/>
+
+ <table id="#{clientId}tlTable" cellpadding="0"
cellspacing="0" class="rich-shuttle-body">
+ <tbody>
+ <tr>
+ <td style="border:0px;padding : 0px;">
+ <div id="#{clientId}tlHeaderBox"
class="rich-shuttle-list">
+ <jsp:scriptlet>
+ <![CDATA[
+ String trContentContainerStyle = "";
+ String targetListWidthValue = (String)
component.getAttributes().get("targetListWidth");
+ if (targetListWidthValue != null) {
+ trContentContainerStyle =
trContentContainerStyle.concat("width:").concat(HtmlUtil.qualifySize(targetListWidthValue)).concat(";");
+ variables.setVariable("trContentContainerStyle",
trContentContainerStyle);
+ }
+ ]]>
+ </jsp:scriptlet>
+ <jsp:scriptlet>
+ <![CDATA[
+ if (listHeightValue != null) {
+ trContentContainerStyle =
trContentContainerStyle.concat("height:").concat(HtmlUtil.qualifySize(listHeightValue)).concat(";");
+ variables.setVariable("trContentContainerStyle",
trContentContainerStyle);
+ }
+ ]]>
+ </jsp:scriptlet>
+ <div id="#{clientId}tlContentBox"
class="rich-shuttle-list-content"
style="#{trContentContainerStyle}">
+ <table id="#{clientId}tlInternal_tab"
class="rich-shuttle-internal-tab" cellpadding="0"
cellspacing="0">
+ <tbody id="#{clientId}tlTbody">
+ <f:call name="encodeTargetRows" />
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </td>
+ </tr>
+ <script type="text/javascript">
+ var clientId = '#{clientId}';
+ Event.onReady(function() {
+ var cotrolsIdPrefix = [['up', 'disup'], ['down',
'disdown'], ['last', 'dislast'],
['first','disfirst']];
+ var listShuttleCotrolsIdPrefix = [['copy', 'discopy'],
['copyAll', 'discopyAll'], ['remove', 'disremove'],
['removeAll','disremoveAll']];
+
+ var sourceLayoutManager = new
LayoutManager('#{clientId}internal_header_tab',
'#{clientId}internal_tab');
+ var targetLayoutManager = new
LayoutManager('#{clientId}tlInternal_header_tab',
'#{clientId}tlInternal_tab');
+
+ var listShuttle = new Richfaces.PickList(new
Richfaces.PickList.Target('#{clientId}', '#{clientId}tlInternal_tab',
'#{clientId}tlInternal_header_tab', '#{clientId}tlFocusKeeper', undefined,
Richfaces.PickList.Target.SelectItem, #{this:getColumnClassesAsJSArray(context,
component)}, #{this:getRowClassesAsJSArray(context, component)}),
+ new Richfaces.PickList.Source('#{clientId}',
'#{clientId}internal_tab', '#{clientId}internal_header_tab',
'#{clientId}focusKeeper', undefined, Richfaces.PickList.Source.SelectItem,
#{this:getColumnClassesAsJSArray(context, component)},
#{this:getRowClassesAsJSArray(context, component)}),
+ "#{clientId}", listShuttleCotrolsIdPrefix,
"#{switchByClick}", sourceLayoutManager, targetLayoutManager,
#{this:getAsEventHandler(context, component, "onlistchanged")},
+ "#{clientId}valueKeeper");
+ var sourceLayoutManager = new
LayoutManager('#{clientId}internal_header_tab',
'#{clientId}internal_tab');
+ var targetLayoutManager = new
LayoutManager('#{clientId}tlInternal_header_tab',
'#{clientId}tlInternal_tab');
+ sourceLayoutManager.widthSynchronization();
+ targetLayoutManager.widthSynchronization();
+ });
+ </script>
+ </vcp:body>
+ </tbody>
+ </table>
+</f:root>
\ No newline at end of file