PrimeFaces AutoComplete + CompleteMethod-Beispiel

Primefaces bietet eine unglaubliche Menge neuer Komponenten, die den unterschiedlichen Aspekt von Ajax berücksichtigen. Eine der Komponenten AutoVervollständigen wird am häufigsten bei Webanwendungen verwendet. Diese Komponente ist AutoVervollständigen Hierbei handelt es sich um eine Kernkomponente von Primefaces, die dazu dient, dem Benutzer Eingabeaufforderungsvorschläge bereitzustellen, während die Eingabe in das Eingabefeld eingegeben wird.

Dieses Tutorial soll die AutoComplete-Komponente erläutern, nachdem sie mithilfe der CompleteMethod-Strategie gefüllt wurde. Bei der Strategie „completeMethod“ werden Vorschläge durch den serverseitigen Aufruf von „completeMethod“ geladen, der einen einzelnen Zeichenfolgenparameter entgegennimmt, bei dem es sich um den eingegebenen Text handelt.

  • Lesen : PrimeFaces-Tutorials

1. AutoComplete-Tag-Informationen

AutmComplete Allgemeine Informationen

2. AutoComplete-Attribute

AutoComplete-Attribute

3. Verwaltete Bohne

AutoComplete.java

package net.javabeat.primefaces;

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

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean
@SessionScoped
public class AutoComplete {
	private String message;

	public AutoComplete (){

	}

	public List<String> complete(String query){
		List<String> queries = new ArrayList<String>();
		for(int i = 0 ; i < 15 ; i++){
			queries.add(query+i);
		}
		return queries;
	}

	public String getMessage() {
		return message;
	}

	public void setMessage(String message) {
		this.message = message;
	}
}

4. Die Aussicht

index.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:head>
		<script name="jquery/jquery.js" library="primefaces"></script>
	</h:head>
	<f:view>
		<h:form prependId="false">
			<h:outputText value="Type JavaBeat :"/>
			<p:autoComplete value="#{autoComplete.message}" completeMethod="#{autoComplete.complete}"></p:autoComplete>
		</h:form>
	</f:view>
</html>

5. Primefaces AutoComplete + CompleteMethod-Demo

Der folgende Schnappschuss zeigt Ihnen die Verwendung von AutoComplete Primefaces-Komponente zum Rendern von Vorschlägen für den Endbenutzer, der versucht, eine Nachricht einzugeben.

AutoComplete-Füllvorschläge mit der CompleteMethod

(wpdm_file id=64)

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen