Skip to main content

Struts2 - Doubleselect Tag (Form Tags)

In this section, we are going to describe the doubleselect tag. The doubleselect tag is a UI tag that renders two HTML select elements with second one changing displayed values depending on selected entry of first one.

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

struts.xml
<action name="doubleselectTag">
  <result>/pages/uiTags/doubleselectTag.jsp</result>
</action>

Create a jsp using the tag <s:doubleselect> that renders two HTML select elements with second one changing displayed values depending on selected entry of first one. This tag contains various parameters:

The headerKey parameter sets the header key of the second list. Must not be empty. In our case we have set it to"1"

The headerValue parameter sets the header value of the second list. In our case we have set it to "--- Please Select ---"

The doubleName parameter sets the name for complete component. In our case we have set it as : doubleName="dishes"

The doubleList sets the second iterable source to populate from. In our case we have set it as :

doubleList="top == 'Color' ? {'Black','Green','White', 'Yellow','Red','Pink'} : { 'Apple','Banana','Grapes','Mango'}"


doubleselectTag.jsp

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

<html>
  <head>
  <title>Doubleselect Tag Example!</title>
  </head>
  <body>
<h1><span style="background-color: #FFFFcc">Doubleselect Tag Example!
</span></h1>
  <s:form>
  <s:doubleselect label="Select Item"  
  headerValue="--- Please Select ---"
  headerKey="1" list="{'Color','Fruits'}" 
  doubleName="dishes" 
  doubleList="top == 'Color' ? {'Black','Green','White',
 'Yellow','Red','Pink'} : { 'Apple','Banana','Grapes','Mango'}"/>
  </s:form>
  </body>
</html>

Output of the doubleselectTag.jsp:

Popular posts from this blog

Struts2 - Textfield Tag (Form Tags)

In this section, we are going to describe the textfield tag. The textfield tag is a UI tag that is used to render an HTML input field of type text. Add the following code snippet into the struts.xml file. struts.xml <action name="submitTag">   <result>/pages/uiTags/submitTag.jsp</result> </action> Create a jsp using the tag <s:textfield >  that renders an HTML input field of type text. <s:textfield label="Employee Name" name="empname" size="15" maxlength="10" /> tag displays an HTML text field with label equal to Employee Name with length of 15 columns. textfieldTag.jsp <%@ taglib prefix="s" uri="/struts-tags" %> <html>   <head>   <title>Textfield Tag Example</title>   </head>   <body>   <h1><span style="background-color: #FFFFcc">Tex...

Struts2 - Radio Tag (Form Tags)

In this section, we are going to describe the radio tag. The radio tag is a UI tag that renders a radio button input field. Add the following code snippet into the struts.xml file. struts.xml <action name="radioTag" class="net.struts2.checkboxlistTag">   <result>/pages/uiTags/radioTag.jsp</result> </action> Create an action class with two lists as shown below: checkboxlistTag.java package net.struts2; import com.opensymphony.xwork2.ActionSupport; import java.util.*; public class checkboxlistTag extends ActionSupport{      private List fruits;   private List animals;     public String execute()throws Exception{   fruits = new ArrayList();   fruits.add("Apple");   fruits.add("Mango");   fruits.add("Orange");   fruits.add("Pine Apple");  ...

Struts2 - Optgroup Tag (Form Tags)

In this section, we are going to describe the optgroup tag. The optgroup tag is a UI tag that creates an optgroup component which needs to reside within a select tag <s:select>. Add the following code snippet into the struts.xml file. struts.xml <action name="optgroupTag">    <result>/pages/uiTags/optgroupTag.jsp</result> </action> Create a jsp using the tag <s:optgroup> within the <s:select> tag. It creates an optgroup component. This tag contains few parameters: The label parameter sets the label attribute In our case we have set it to " Hardware " and " Software ". optgroupTag.jsp <%@ taglib prefix="s" uri="/struts-tags" %> <html>   <head>   <title>Optgroup Tag Example!</title>    </head>   <body>  <h1><span style="background-color: #FFFFcc">Optgroup Tag Ex...