Re: How to move selected items from one select drop down to another one in xforms on click of a button

John Boyer <[email protected]> Thu, 7 Jul 2011 20:20:30 -0400
Newsgroups gmane.comp.web.xforms
Message-ID <OF6A022E7E.A5B2A141-ON882578C7.00014E23-882578C7.0001E0CA@ca.ibm.com>
--=_mixed 0001E02F882578C7_=
Content-Type: multipart/alternative; boundary="=_alternative 0001E02F882578C7_="


--=_alternative 0001E02F882578C7_=
Content-Type: text/plain; charset="US-ASCII"

Hi,

For a comprehensive answer to your question, please visit this new entry 
on my blog:
https://www.ibm.com/developerworks/mydeveloperworks/blogs/JohnBoyer/entry/moving_choices_from_one_list_to_another_in_xforms34?lang=en

Here is a demo IBM Form for the first of the two methods:



You can either pull the XForms markup from this file and use it in another 
XForms processor, or you can test it directly using a free trial download 
of the IBM Forms Viewer from here:
http://www.ibm.com/software/lotus/products/forms/

Best regards,
John M. Boyer, Ph.D.
Distinguished Engineer, IBM Forms and Smarter Web Applications
IBM Canada Software Lab, Victoria
E-Mail: [email protected] 

Blog: http://www.ibm.com/developerworks/blogs/page/JohnBoyer
Blog RSS feed: 
http://www.ibm.com/developerworks/blogs/rss/JohnBoyer?flavor=rssdw

====================================================================
Replying to:
Hi,

I have two compact list boxes if a select one or more item from right list
box and click on << button it should move to the left box , same if i 
select
one or more items from left list box and click on >> button it should move
items to the right list box...

Thanks in advance

-- 
b.s.shashikiran


--=_alternative 0001E02F882578C7_=
Content-Type: text/html; charset="US-ASCII"

<font size=2 face="sans-serif">Hi,</font>
<br>
<br><font size=2 face="sans-serif">For a comprehensive answer to your question,
please visit this new entry on my blog:</font>
<br><a href="https://www.ibm.com/developerworks/mydeveloperworks/blogs/JohnBoyer/entry/moving_choices_from_one_list_to_another_in_xforms34?lang=en"><font size=2 face="sans-serif">https://www.ibm.com/developerworks/mydeveloperworks/blogs/JohnBoyer/entry/moving_choices_from_one_list_to_another_in_xforms34?lang=en</font></a>
<br>
<br><font size=2 face="sans-serif">Here is a demo IBM Form for the first
of the two methods:</font>
<br>
<br>
<br>
<br><font size=2 face="sans-serif">You can either pull the XForms markup
from this file and use it in another XForms processor, or you can test
it directly using a free trial download of the IBM Forms Viewer from here:</font>
<br><a href=http://www.ibm.com/software/lotus/products/forms/><font size=2 face="sans-serif">http://www.ibm.com/software/lotus/products/forms/</font></a>
<br>
<br><font size=2 face="sans-serif">Best regards,</font>
<br><font size=2 face="sans-serif">John M. Boyer, Ph.D.<br>
Distinguished Engineer, IBM Forms and Smarter Web Applications<br>
IBM Canada Software Lab, Victoria<br>
E-Mail: [email protected] &nbsp;<br>
<br>
Blog: </font><a href=http://www.ibm.com/developerworks/blogs/page/JohnBoyer><font size=2 face="sans-serif">http://www.ibm.com/developerworks/blogs/page/JohnBoyer</font></a><font size=2 face="sans-serif"><br>
Blog RSS feed: </font><a href="http://www.ibm.com/developerworks/blogs/rss/JohnBoyer?flavor=rssdw"><font size=2 face="sans-serif">http://www.ibm.com/developerworks/blogs/rss/JohnBoyer?flavor=rssdw</font></a><font size=2 face="sans-serif"><br>
<br>
====================================================================</font>
<br><font size=2 face="sans-serif">Replying to:</font>
<br><tt><font size=3>Hi,<br>
<br>
I have two compact list boxes if a select one or more item from right list<br>
box and click on &lt;&lt; button it should move to the left box , same
if i select<br>
one or more items from left list box and click on &gt;&gt; button it should
move<br>
items to the right list box...<br>
<br>
Thanks in advance<br>
<br>
-- <br>
b.s.shashikiran<br>
</font></tt><font size=2 face="sans-serif"><br>
</font>
--=_alternative 0001E02F882578C7_=--
--=_mixed 0001E02F882578C7_=
Content-Type: application/octet-stream; name="Chooser.xfdl"
Content-Disposition: attachment; filename="Chooser.xfdl"
Content-Transfer-Encoding: base64

PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPFhGREwgeG1sbnM6Y3VzdG9t
PSJodHRwOi8vd3d3LmlibS5jb20veG1sbnMvcHJvZC9YRkRML0N1c3RvbSIgeG1sbnM6ZGVzaWdu
ZXI9Imh0dHA6Ly93d3cuaWJtLmNvbS94bWxucy9wcm9kL3dvcmtwbGFjZS9mb3Jtcy9kZXNpZ25l
ci8yLjYiIHhtbG5zOmV2PSJodHRwOi8vd3d3LnczLm9yZy8yMDAxL3htbC1ldmVudHMiIHhtbG5z
OnhmZGw9Imh0dHA6Ly93d3cuaWJtLmNvbS94bWxucy9wcm9kL1hGREwvOC4wIiB4bWxuczp4Zm9y
bXM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDIveGZvcm1zIiB4bWxucz0iaHR0cDovL3d3dy5pYm0u
Y29tL3htbG5zL3Byb2QvWEZETC84LjAiIHhtbG5zOnhzZD0iaHR0cDovL3d3dy53My5vcmcvMjAw
MS9YTUxTY2hlbWEiIHhtbG5zOnhzaT0iaHR0cDovL3d3dy53My5vcmcvMjAwMS9YTUxTY2hlbWEt
aW5zdGFuY2UiPgogICA8Z2xvYmFscGFnZSBzaWQ9Imdsb2JhbCI+CiAgICAgIDxnbG9iYWwgc2lk
PSJnbG9iYWwiPgogICAgICAgICA8ZGVzaWduZXI6ZGF0ZT4yMDExMDcwNzwvZGVzaWduZXI6ZGF0
ZT4KICAgICAgICAgPGZvcm1pZD4KICAgICAgICAgICAgPHRpdGxlPjwvdGl0bGU+CiAgICAgICAg
ICAgIDxzZXJpYWxudW1iZXI+QzE4QTgyNzc1NkJDRTYzODoxODkyQkY2QzoxMzEwNUY2QzA2NDot
N0ZGRDwvc2VyaWFsbnVtYmVyPgogICAgICAgICAgICA8dmVyc2lvbj4xLjAuMDwvdmVyc2lvbj4K
ICAgICAgICAgPC9mb3JtaWQ+CiAgICAgICAgIDx4Zm9ybXNtb2RlbHM+CiAgICAgICAgICAgIDx4
Zm9ybXM6bW9kZWw+CiAgICAgICAgICAgICAgIDx4Zm9ybXM6aW5zdGFuY2UgaWQ9IkdlbmVyYXRl
ZCIgZGVzaWduZXI6dHlwZT0iZ2VuZXJhdGVkIiB4bWxucz0iIj4KICAgICAgICAgICAgICAgICAg
PGRhdGE+CiAgICAgICAgICAgICAgICAgICAgIDxwYWdlMT4KICAgICAgICAgICAgICAgICAgICAg
ICAgPGxpc3QxPjwvbGlzdDE+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsaXN0Mj48L2xpc3Qy
PgogICAgICAgICAgICAgICAgICAgICA8L3BhZ2UxPgogICAgICAgICAgICAgICAgICA8L2RhdGE+
CiAgICAgICAgICAgICAgIDwveGZvcm1zOmluc3RhbmNlPgogICAgICAgICAgICAgICA8eGZvcm1z
Omluc3RhbmNlIGlkPSJGbGF2b3JzQXZhaWxhYmxlIiB4bWxucz0iIj4KICAgICAgICAgICAgICAg
ICAgPGNob2ljZXM+CiAgICAgICAgICAgICAgICAgICAgIDxjaG9pY2UgdmFsdWU9InYiPlZhbmls
bGE8L2Nob2ljZT4KICAgICAgICAgICAgICAgICAgICAgPGNob2ljZSB2YWx1ZT0iYyI+Q2hvY29s
YXRlPC9jaG9pY2U+CiAgICAgICAgICAgICAgICAgICAgIDxjaG9pY2UgdmFsdWU9InMiPlN0cmF3
YmVycnk8L2Nob2ljZT4KICAgICAgICAgICAgICAgICAgPC9jaG9pY2VzPgogICAgICAgICAgICAg
ICA8L3hmb3JtczppbnN0YW5jZT4KICAgICAgICAgICAgICAgPHhmb3JtczppbnN0YW5jZSBpZD0i
Rmxhdm9yc0Nob3NlbiIgeG1sbnM9IiI+CiAgICAgICAgICAgICAgICAgIDxjaG9pY2VzPgogICAg
ICAgICAgICAgICAgICAgICA8Y2hvaWNlIHZhbHVlPSJiIj5CdXR0ZXJzY290Y2g8L2Nob2ljZT4K
ICAgICAgICAgICAgICAgICAgPC9jaG9pY2VzPgogICAgICAgICAgICAgICA8L3hmb3JtczppbnN0
YW5jZT4KICAgICAgICAgICAgPC94Zm9ybXM6bW9kZWw+CiAgICAgICAgIDwveGZvcm1zbW9kZWxz
PgogICAgICAgICA8aGlzdG9yeT4KICAgICAgICAgICAgPGVkaXRvcnM+CiAgICAgICAgICAgICAg
IDxlZGl0b3IgbWludmVyc2lvbj0iMy41LjEiIHZlcnNpb249IjQuMC4wIj5JQk0gTG90dXMgRm9y
bXMgRGVzaWduZXI8L2VkaXRvcj4KICAgICAgICAgICAgPC9lZGl0b3JzPgogICAgICAgICA8L2hp
c3Rvcnk+CiAgICAgICAgIDxkZXNpZ25lcjpkZXNpZ24+CiAgICAgICAgICAgIDxkZXNpZ25lcjpk
ZXNpZ25WYWx1ZSBrZXk9Ikxpc3RPZkxpc3RzIiB4bWxucz0iaHR0cDovL3d3dy5pYm0uY29tL3ht
bG5zL3Byb2Qvd29ya3BsYWNlL2Zvcm1zL2Rlc2lnbmVyLzIuNiI+CiAgICAgICAgICAgICAgIDxM
aXN0T2ZMaXN0cz4KICAgICAgICAgICAgICAgICAgPGVsZW1lbnQga2V5PSJpbnN0YW5jZSgnRmxh
dm9yc0F2YWlsYWJsZScpL2Nob2ljZSIgdmFsdWU9IkZsYXZvcnNBdmFpbGFibGUiPjwvZWxlbWVu
dD4KICAgICAgICAgICAgICAgICAgPGVsZW1lbnQga2V5PSJpbnN0YW5jZSgnRmxhdm9yc0Nob3Nl
bicpL2Nob2ljZSIgdmFsdWU9IkZsYXZvcnNDaG9zZW4iPjwvZWxlbWVudD4KICAgICAgICAgICAg
ICAgPC9MaXN0T2ZMaXN0cz4KICAgICAgICAgICAgPC9kZXNpZ25lcjpkZXNpZ25WYWx1ZT4KICAg
ICAgICAgPC9kZXNpZ25lcjpkZXNpZ24+CiAgICAgIDwvZ2xvYmFsPgogICA8L2dsb2JhbHBhZ2U+
CiAgIDxwYWdlIHNpZD0iUEFHRTEiPgogICAgICA8Z2xvYmFsIHNpZD0iZ2xvYmFsIj4KICAgICAg
ICAgPGxhYmVsPlBBR0UxPC9sYWJlbD4KICAgICAgPC9nbG9iYWw+CiAgICAgIDxsaXN0IHNpZD0i
TElTVDEiPgogICAgICAgICA8eGZvcm1zOnNlbGVjdDEgYXBwZWFyYW5jZT0iY29tcGFjdCIgcmVm
PSJpbnN0YW5jZSgnR2VuZXJhdGVkJykvcGFnZTEvbGlzdDEiPgogICAgICAgICAgICA8eGZvcm1z
OmxhYmVsPkF2YWlsYWJsZTo8L3hmb3JtczpsYWJlbD4KICAgICAgICAgICAgPHhmb3JtczppdGVt
c2V0IG5vZGVzZXQ9Imluc3RhbmNlKCdGbGF2b3JzQXZhaWxhYmxlJykvY2hvaWNlIj4KICAgICAg
ICAgICAgICAgPHhmb3JtczpsYWJlbCByZWY9Ii4iPjwveGZvcm1zOmxhYmVsPgogICAgICAgICAg
ICAgICA8eGZvcm1zOnZhbHVlIHJlZj0iQHZhbHVlIj48L3hmb3Jtczp2YWx1ZT4KICAgICAgICAg
ICAgPC94Zm9ybXM6aXRlbXNldD4KICAgICAgICAgPC94Zm9ybXM6c2VsZWN0MT4KICAgICAgICAg
PGl0ZW1sb2NhdGlvbj4KICAgICAgICAgICAgPHg+MTQ8L3g+CiAgICAgICAgICAgIDx5PjgwPC95
PgogICAgICAgICA8L2l0ZW1sb2NhdGlvbj4KICAgICAgICAgPHNpemU+CiAgICAgICAgICAgIDx3
aWR0aD4yMDwvd2lkdGg+CiAgICAgICAgICAgIDxoZWlnaHQ+NDwvaGVpZ2h0PgogICAgICAgICA8
L3NpemU+CiAgICAgIDwvbGlzdD4KICAgICAgPGxpc3Qgc2lkPSJMSVNUMiI+CiAgICAgICAgIDx4
Zm9ybXM6c2VsZWN0MSBhcHBlYXJhbmNlPSJjb21wYWN0IiByZWY9Imluc3RhbmNlKCdHZW5lcmF0
ZWQnKS9wYWdlMS9saXN0MiI+CiAgICAgICAgICAgIDx4Zm9ybXM6bGFiZWw+Q2hvc2VuPC94Zm9y
bXM6bGFiZWw+CiAgICAgICAgICAgIDx4Zm9ybXM6aXRlbXNldCBub2Rlc2V0PSJpbnN0YW5jZSgn
Rmxhdm9yc0Nob3NlbicpL2Nob2ljZSI+CiAgICAgICAgICAgICAgIDx4Zm9ybXM6bGFiZWwgcmVm
PSIuIj48L3hmb3JtczpsYWJlbD4KICAgICAgICAgICAgICAgPHhmb3Jtczp2YWx1ZSByZWY9IkB2
YWx1ZSI+PC94Zm9ybXM6dmFsdWU+CiAgICAgICAgICAgIDwveGZvcm1zOml0ZW1zZXQ+CiAgICAg
ICAgIDwveGZvcm1zOnNlbGVjdDE+CiAgICAgICAgIDxpdGVtbG9jYXRpb24+CiAgICAgICAgICAg
IDx4PjI2MjwveD4KICAgICAgICAgICAgPHk+ODA8L3k+CiAgICAgICAgICAgIDxoZWlnaHQ+OTA8
L2hlaWdodD4KICAgICAgICAgPC9pdGVtbG9jYXRpb24+CiAgICAgICAgIDxzaXplPgogICAgICAg
ICAgICA8d2lkdGg+MjA8L3dpZHRoPgogICAgICAgICAgICA8aGVpZ2h0PjE8L2hlaWdodD4KICAg
ICAgICAgPC9zaXplPgogICAgICA8L2xpc3Q+CiAgICAgIDxidXR0b24gc2lkPSJDaG9vc2VyIj4K
ICAgICAgICAgPHhmb3Jtczp0cmlnZ2VyPgogICAgICAgICAgICA8eGZvcm1zOmxhYmVsPiZndDsm
Z3Q7PC94Zm9ybXM6bGFiZWw+CiAgICAgICAgICAgIDx4Zm9ybXM6YWN0aW9uIGlmPSJpbnN0YW5j
ZSgnR2VuZXJhdGVkJykvcGFnZTEvbGlzdDEgIT0gJyciIGV2OmV2ZW50PSJET01BY3RpdmF0ZSI+
CiAgICAgICAgICAgICAgIDx4Zm9ybXM6aW5zZXJ0IGNvbnRleHQ9Imluc3RhbmNlKCdGbGF2b3Jz
Q2hvc2VuJykiIG5vZGVzZXQ9ImNob2ljZSIgb3JpZ2luPSJpbnN0YW5jZSgnRmxhdm9yc0F2YWls
YWJsZScpL2Nob2ljZVtAdmFsdWUgPSBpbnN0YW5jZSgnR2VuZXJhdGVkJykvcGFnZTEvbGlzdDFd
Ij48L3hmb3JtczppbnNlcnQ+CiAgICAgICAgICAgICAgIDx4Zm9ybXM6ZGVsZXRlIGF0PSIiIG5v
ZGVzZXQ9Imluc3RhbmNlKCdGbGF2b3JzQXZhaWxhYmxlJykvY2hvaWNlW0B2YWx1ZSA9IGluc3Rh
bmNlKCdHZW5lcmF0ZWQnKS9wYWdlMS9saXN0MV0iPjwveGZvcm1zOmRlbGV0ZT4KICAgICAgICAg
ICAgICAgPHhmb3JtczpzZXR2YWx1ZSByZWY9Imluc3RhbmNlKCdHZW5lcmF0ZWQnKS9wYWdlMS9s
aXN0MSI+PC94Zm9ybXM6c2V0dmFsdWU+CiAgICAgICAgICAgIDwveGZvcm1zOmFjdGlvbj4KICAg
ICAgICAgPC94Zm9ybXM6dHJpZ2dlcj4KICAgICAgICAgPGl0ZW1sb2NhdGlvbj4KICAgICAgICAg
ICAgPHg+MTk3PC94PgogICAgICAgICAgICA8eT4xMDM8L3k+CiAgICAgICAgICAgIDx3aWR0aD40
NTwvd2lkdGg+CiAgICAgICAgIDwvaXRlbWxvY2F0aW9uPgogICAgICA8L2J1dHRvbj4KICAgICAg
PGJ1dHRvbiBzaWQ9IlVuY2hvb3NlciI+CiAgICAgICAgIDx4Zm9ybXM6dHJpZ2dlcj4KICAgICAg
ICAgICAgPHhmb3JtczpsYWJlbD4mbHQ7Jmx0OzwveGZvcm1zOmxhYmVsPgogICAgICAgICAgICA8
eGZvcm1zOmFjdGlvbiBpZj0iaW5zdGFuY2UoJ0dlbmVyYXRlZCcpL3BhZ2UxL2xpc3QyICE9ICcn
IiBldjpldmVudD0iRE9NQWN0aXZhdGUiPgogICAgICAgICAgICAgICA8eGZvcm1zOmluc2VydCBj
b250ZXh0PSJpbnN0YW5jZSgnRmxhdm9yc0F2YWlsYWJsZScpIiBub2Rlc2V0PSJjaG9pY2UiIG9y
aWdpbj0iaW5zdGFuY2UoJ0ZsYXZvcnNDaG9zZW4nKS9jaG9pY2VbQHZhbHVlID0gaW5zdGFuY2Uo
J0dlbmVyYXRlZCcpL3BhZ2UxL2xpc3QyXSI+PC94Zm9ybXM6aW5zZXJ0PgogICAgICAgICAgICAg
ICA8eGZvcm1zOmRlbGV0ZSBhdD0iIiBub2Rlc2V0PSJpbnN0YW5jZSgnRmxhdm9yc0Nob3Nlbicp
L2Nob2ljZVtAdmFsdWUgPSBpbnN0YW5jZSgnR2VuZXJhdGVkJykvcGFnZTEvbGlzdDJdIj48L3hm
b3JtczpkZWxldGU+CiAgICAgICAgICAgICAgIDx4Zm9ybXM6c2V0dmFsdWUgcmVmPSJpbnN0YW5j
ZSgnR2VuZXJhdGVkJykvcGFnZTEvbGlzdDIiPjwveGZvcm1zOnNldHZhbHVlPgogICAgICAgICAg
ICA8L3hmb3JtczphY3Rpb24+CiAgICAgICAgIDwveGZvcm1zOnRyaWdnZXI+CiAgICAgICAgIDxp
dGVtbG9jYXRpb24+CiAgICAgICAgICAgIDx4PjE5NzwveD4KICAgICAgICAgICAgPHk+MTMyPC95
PgogICAgICAgICAgICA8d2lkdGg+NDU8L3dpZHRoPgogICAgICAgICA8L2l0ZW1sb2NhdGlvbj4K
ICAgICAgPC9idXR0b24+CiAgICAgIDxzcGFjZXIgc2lkPSJ2ZmRfc3BhY2VyIj4KICAgICAgICAg
PGl0ZW1sb2NhdGlvbj4KICAgICAgICAgICAgPHg+OTYwPC94PgogICAgICAgICAgICA8eT4xMjYw
PC95PgogICAgICAgICAgICA8d2lkdGg+MTwvd2lkdGg+CiAgICAgICAgICAgIDxoZWlnaHQ+MTwv
aGVpZ2h0PgogICAgICAgICA8L2l0ZW1sb2NhdGlvbj4KICAgICAgPC9zcGFjZXI+CiAgIDwvcGFn
ZT4KPC9YRkRMPg==

--=_mixed 0001E02F882578C7_=--