TOC

Exemple d’auto-complétion Struts 2

Exemple de saisie semi-automatique Struts 2

Téléchargez-le -Struts2-AutoCompleter-Example.zip

Dans Struts 2, la balise<sx:autocompleter> est une zone de liste déroulante qui affichera automatiquement des listes de suggestions déroulantes lors de la saisie par l'utilisateur dans la zone de texte.

Cette fonctionnalité est implémentée par la bibliothèque dojo, donc, assurez-vous d'inclure «struts2-dojo-plugin.jar» comme bibliothèque de dépendances, mettez la balise «struts-dojo-tags» en haut de la page et affichez ses informations d'en-tête via<sx:head /> .

Par exemple, 

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

Résultat du HTML suivant 
















...

Exemple de Struts 2

Un exemple complet de la balise<s:autocompleter>, génère les listes de suggestions déroulantes pendant que l'utilisateur tape sur la zone de texte correspondante.

1. pom.xml

Téléchargez les bibliothèques de dépendance dojo Struts 2.

pom.xml

//...
    
    
      org.apache.struts
      struts2-core
      2.1.8
    

    
    
      org.apache.struts
      struts2-dojo-plugin
      2.1.8
    
//...

2. Classe d'action

Classe d'action pour générer une liste des options de frameworks Web pour le composant «autocompleter».

AutoCompleterAction.java

package com.example.common.action;

import java.util.ArrayList;
import java.util.List;

import com.opensymphony.xwork2.ActionSupport;

public class AutoCompleterAction extends ActionSupport{

    private List webframeworks = new ArrayList();

    private String yourFavWebFramework;
    private String yourLuckyNumber;

    public AutoCompleterAction(){
        webframeworks.add("Spring MVC");
        webframeworks.add("Struts 1.x");
        webframeworks.add("Struts 2.x");
        webframeworks.add("JavaServer Faces (JSF)");
        webframeworks.add("Google Web Toolkit (GWT)");
        webframeworks.add("Apache Wicket");
        webframeworks.add("Apache Click");
        webframeworks.add("Apache Cocoon");
        webframeworks.add("JBoss Seam");
        webframeworks.add("Stripes");
        webframeworks.add("Apache Tapestry");
        webframeworks.add("Others");
    }

    public String getYourLuckyNumber() {
        return yourLuckyNumber;
    }

    public void setYourLuckyNumber(String yourLuckyNumber) {
        this.yourLuckyNumber = yourLuckyNumber;
    }

    public String getYourFavWebFramework() {
        return yourFavWebFramework;
    }

    public void setYourFavWebFramework(String yourFavWebFramework) {
        this.yourFavWebFramework = yourFavWebFramework;
    }

    public List getWebframeworks() {
        return webframeworks;
    }

    public void setWebframeworks(List webframeworks) {
        this.webframeworks = webframeworks;
    }

    public String display() {
        return NONE;
    }

}

3. Page de résultats

Rendez le composant «autocompleter» via la balise «<s:autocompleter>», et générez les listes de suggestions déroulantes automatiques via la liste Java et OGNL.

autocompleter.jsp

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








Struts 2 autocompleter example

result.jsp

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




Struts 2 autocompleter example




   Lucky Number : 





   Web Appication Frameworks :

3. struts.xml

Liez le tout ~ 





 



  
    pages/autocompleter.jsp
  

  
    pages/result.jsp

4. Demo

http://localhost:8080/Struts2Example/autoCompleterAction.action

Struts 2 AutoCompleter example

Struts 2 AutoCompleter example

Voici un autre exemple illustrant l’utilisation des donnéesJSON pour fournir une liste des options de sélection au composantautocompleter -Struts 2 autocompleter + JSON example.

Référence

  1. Documentation de l'autocompléteur Struts 2

  2. Struts 2 recettes ajax et javascript

  3. Exemple de liste déroulante Struts 2

Related