Optiontransferselect Tag (Form Tag) Example

In this section, we are going to describe the Optiontransferselect tag. The Optiontransferselect tag is a UI tag that creates an option transfer select component. There are two <select ...> tags with buttons in the middle of them, which allows options in each of the <select ...> to be moved between them. It auto-selects all its elements upon its containing form submission.

NOTE: The id and doubleId parameters are not needed to supply as they will get generated when the optiontransferselect tag is being used in a form tag. The generated id and doubleId will be <form_id>_<optiontransferselect_doubleName> and <form_id>_<optiontransferselect_doubleName> respectively.

Add the following code snippet into the struts.xml file.
struts.xml

<action name="optiontransferselectTag">
<result>/pages/uiTags/optiontransferselectTag.jsp</result>
</action>

Create a jsp using the tag <s:optiontransferselect>that creates an option transfer select component. This tag contains various parameters:

The labelparameter sets label expression used for rendering an element specific label. In our case we have set it to "Employee Records" The nameparameter sets the name for the element. In our case we have set it to "leftSideEmployeeRecords" The leftTitleparameter sets the left title. In our case we have set it to "RoseIndia" The rightTitleparameter sets the right title. In our case we have set it to "JavaJazzUp"
The headerKey sets the header key of the given list. It must not be empty. In our case we have set it to:"headerKey"The headerValue sets the header value of the given list. In our case we have set it to:"--- Please Select ---"The doubleNamesets the name for complete component. In our case we have set it to:"rightSideEmployeeRecords"The doubleHeaderKeysets the header key for the second list. In our case we have set it to:"doubleHeaderKey"The doubleHeaderValuesets the header value for the second list. In our case we have set it to:"--- Please Select ---"

optiontransferselectTag.jsp


<%@ taglib prefix="s" uri="/struts-tags" %>

<html>

    <head>

        <title>Optiontransferselect Tag Example!</title>

     <link href="<s:url value="/css/main.css"/>" rel="stylesheet"

          type="text/css"/>  

  </head>

    <body>

  <h1><span style="background-color: #FFFFcc">Optiontransferselect 

                                          
Tag Example!</span></h>

  <s:form>

    <s:optiontransferselect 

      label="Employee Records"

      name="leftSideEmployeeRecords"

      leftTitle="RoseIndia"

      rightTitle="JavaJazzUp"

      list="{'Deepak Kumar', 'Sushil Kumar','Vinod Kumar','Deepak Monthy',

                   
'Deepak Mihanti', 'Sushil Kumar', 'Ravi Kant Kumar'}"

      headerKey="headerKey"

      headerValue="--- Please Select ---"

      doubleName="rightSideEmployeeRecords"

      doubleList="{'Amar Deep Patel', 'Amit Kumar','Chandan Kumar', 

                                
'Noor Kumar','Tammana Kumari'}"

      doubleHeaderKey="doubleHeaderKey"

      doubleHeaderValue="--- Please Select ---"
/>

  </s:form>

  </body>

</html>

Output of the optiontransferselectTag.jsp:

Current Comments

5 comments so far (post your own) View All Comments Latest 10 Comments:

Struts2UiTags need any extra js/jar file?
for autocomplete test it gives following resopnse.

<html><head><title>Apache Tomcat/6.0.14 - Error report</title><style></style> </head><body><h1>HTTP Status 404 - </h1><HR

size="1" noshade="noshade"><p><b>type</b> Status report</p><p><b>message</b> <u></u></p><p><b>description

</b> <u>The requested resource () is not available.</u></p><HR size="1" noshade="noshade"><h3>Apache

Tomcat/6.0.14</h3></body></html>

Posted by Metro on Friday, 06.13.08 @ 11:57am | #63182

View This Comment Separately

I have the same problem of not being able to capture the selected list in the action class. I had wasted more than a day on this. Anybody, any ideas?? Any kind of help would be greatly appreciated.

Thanks

Posted by rakesh on Thursday, 05.29.08 @ 01:48am | #61307

View This Comment Separately

To solve the selected items issue when you submit the form, and avoid the "dojo is not defined", you need to change the .jsp and add:
<s:head theme="ajax" />

between the <head> tag

Posted by Alejandro on Friday, 02.8.08 @ 05:04am | #47561

View This Comment Separately

the problem was that it need to be selected in the list of the right side to be submitted. You can't only move from left to right, need also to select the items.

This could be a bug, to solve it, you need to autoselect all in the list so that you don�t have to do it by yourself.

Congratulations for the website

Posted by martin on Wednesday, 01.16.08 @ 19:12pm | #45364

View This Comment Separately

I Have an Optiontransferselect in a form but i dont know how to get the selected items in the rightlist back in my action.

I have tried with Type List, LinkedList, arraylist, String[], and i always get null.

when i look at de request in the parameters i also didn't have the parameters or when i do request.getParametersName().

I use firebug on my firefox and i always get a javascript error saying "dojo is not defined" on the javascript function generated automaticly when the tag is processed. Could this be the problem?

Can someone help me please?

Sorry for my english!

Thank you all!

Posted by martin on Wednesday, 01.16.08 @ 18:43pm | #45363

View This Comment Separately