Home Struts Struts2 Struts2uitags Auto Completer Example
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

Auto Completer Example

Advertisement
In this section, we are going to describe the autocompleter tag. The autocompleter tag always displays a dropdown list with the options that have at least a partial match with entered text in the textbox.

Auto Completer Example

     

In this section, we are going to describe the autocompleter tag. The autocompleter tag always displays a dropdown list with the options that have at least a partial match with entered text in the textbox. If the user clicks on the dropdown button then all options shown in the dropdown list. The autocompleter tag generates two input fields. First is "text", whose name is specified with the "name" attribute and another one is "hidden" whose name is "$(name). Key", where ${name} is the value in the "name" attribute.

The autocompleter tag loads its options asynchronously when the page loads suggested options based on the text entered by you in textbox. If the autoComplete attribute is set to 'true' (By defalut 'false') then it makes suggestions in the textbox. 

[Note: When we use the "simple" theme, the autocompleter can be used like the ComboBox. When used on the "ajax" theme, the list can be retrieved from an action.]

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

<action name="autocompleter" class="net.roseindia.autocompleter">
  <result>/pages/autocompleter.jsp</result>
</action>

Create a list in the action class  and populate them with various states name of U.S. as shown in the  "autocompleter" class.

package net.roseindia;
import com.opensymphony.xwork2.ActionSupport;
import java.util.*;

public class autocompleter extends ActionSupport{
  private List state;
  public String execute() throws Exception{
  state = new ArrayList();
  state.add("Alabama");
  state.add("Alaska");
  state.add("Arizona");
  state.add("Arkansas");
  state.add("California");
  state.add("Colorado");
  state.add("Connecticut");
  state.add("Delaware");
  state.add("District of Columbia");
  state.add("Florida");
  state.add("Georgia");
  state.add("Hawaii");
  state.add("Idaho");
  state.add("Illinois");
  state.add("Indiana");
  state.add("Iowa");  
  state.add("Kansas");  
  state.add("Kentucky");
  state.add("Louisiana");  
  state.add("Maine");  
  state.add("Maryland");
  state.add("Massachusetts");  
  state.add("Michigan");
  state.add("Minnesota");
  state.add("Mississippi");
  state.add("Missouri");
  state.add("Montana");  
  state.add("Nebraska");  
  state.add("Nevada");  
  state.add("New Hampshire");  
  state.add("New Jersey");
  state.add("New Mexico");
  state.add("New York");  
  state.add("North Carolina");
  state.add("North Dakota");  
  state.add("Ohio");
  state.add("Oklahoma");
  state.add("Oregon");  
  state.add("Pennsylvania");
  state.add("Rhode Island");  
  state.add("South Carolina");  
  state.add("South Dakota");
  state.add("Tennessee");  
  state.add("Texas");  
  state.add("Utah");
  state.add("Vermont");  
  state.add("Virginia");  
  state.add("Washington");  
  state.add("West Virginia");
  state.add("Wisconsin");  
  state.add("Wyoming");
  return SUCCESS;
  }
  public List getState(){
  return state;
  }
}

<s:autocompleter theme="simple" list="state" StateName/> it creates a autocompleter list with the name of U.S. states.

autocompleter.jsp

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

<html>
  <head>
  <title>Struts Autocompleter Example!</title>
  <s:head theme="ajax" />
  </head>
  <body>
  <h1>Struts Autocompleter Example!</h1>
  <s:label name="stateName" value="Select State Name:" />
  <s:autocompleter theme="simple" list="state" name="StateName"/>
  </body>
</html>

Output of the autocompleter.jsp :

When you enter the 'c' letter in the textbox. You get the following names:

     

Advertisement

Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: February 27, 2008

Ask Questions?    Discuss: Auto Completer Example   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
abau pene
October 15, 2011
jar include autocpleter

hello I would like to know the jar that includes the Struts2 tag "<s: autocompleter", when I included on my jsp page I get the error unknown tag <s: autocompleter
Leo
January 5, 2012
how to use <s:autocomplete>

Hello. I'm trying to use this example in my project but, when I put the tag <s:autocomplete ...> in the jsp page, the eclipse says that it is Unknown. How do I fixe this ? thanks
Carlos
December 20, 2013
Fix for <s:autocompleter

<%@ taglib prefix="sx" uri="/struts-dojo-tags" %> copy on the head of your .jsp
DMCA.com