zoukankan      html  css  js  c++  java
  • java:struts2 tag>autocompleter

    ref url:http://www.roseindia.net/struts/struts2/struts2uitags/autocompleter-example.shtml

    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.xmlfile.

    <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:

     

    REFERENCES:http://herolifang.blog.sohu.com/140236178.html

  • 相关阅读:
    通过Internet使用VSS2005
    基于角色的权限设计(一)
    WFF架构及技术
    WFF概述
    企业库:Cache
    权限设计(二)
    应用系统中的编码和编码规则
    希望更多的人也可以来应用wordpress程序
    说说我的一点小感受了
    思维决定命运
  • 原文地址:https://www.cnblogs.com/anee/p/2687986.html
Copyright © 2011-2022 走看看