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:

Optiontransferselect Tag (Form Tag) Example

Optiontransferselect Tag (Form Tag) Example

Optiontransferselect Tag (Form Tag) Example

Tutorials