AjaxBehavior ist eine Erweiterung des Standards von f:ajax. Wie bereits im JavaServer Faces 2 Tutorial erwähnt, haben verschiedene Komponenten f:ajax verwendet, um das Verhalten der Komponente zu ajaxifizieren. Wenn Sie sich den Abschnitt angesehen haben JSF und AJAX im JSF 2-Tutorialbeitrag, Sie werden verschiedene Komponenten finden, die f:ajax für Ajaxiyfing-Zwecke angehängt haben.
Typischerweise, AjaxBehavior verhalten sich genauso wie die f:ajax bietet, indem es an die Primefaces-Komponenten zur Ajaxifizierung angehängt wird. Wie Sie in der Primefaces-Komponentenreihe finden, werden die Ereignisse zu dem Zeitpunkt aufgelistet und geklärt, zu dem die Komponente zur Diskussion steht.
- Lesen : PrimeFaces-Tutorials
In diesem Tutorial erkläre ich, wie man die AjaxBehavior-Klasse und ihre Attribute für die Bearbeitung der AJAX-Anfrage verwendet. Diese Klasse wird mit den Ajax-Tags in der Primefaces-Komponente verwendet.
1. AjaxBehavior-Info
2. AjaxBehavior-Attribute
3. Verwaltete Bohne
AjaxBehavior.java
package net.javabeat.primefaces;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.event.AjaxBehaviorEvent;
@ManagedBean
@SessionScoped
public class AjaxBehavior {
private String message;
public String getMessage() {
return message;
}
public void setMessage(String message) {
this.message = message;
}
public void listener(AjaxBehaviorEvent e){
System.out.println(e);
}
}
- Notiz Hörer definierte Methode, die akzeptiert AjaxBehaviorEvent als Parameter
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">
<h1>JavaBeat Primefaces Example</h1>
<h2>Primefaces AjaxBehavior - Sample</h2>
<h:outputText value="Type a message: "/>
#{' '}
<p:inputText id="in" value="#{ajaxBehavior.message}">
<p:ajax process="in" update="out" event="blur" listener="#{ajaxBehavior.listener}"></p:ajax>
</p:inputText>
#{' '}
<p:outputLabel id="out" value="#{ajaxBehavior.message}"/>
</h:form>
</f:view>
</html>
- Die verwendete Primefaces-JavaScript-Bibliothek (jquery.js) ist in der Primefaces-JAR-Datei definiert.
5. PrimeFaces AjaxBehavior-Beispieldemo
Die folgenden Schnappschüsse zeigen Ihnen das Ergebnis der Annahme, dass die Primefaces-Eingabekomponente entweder das Ergebnis des Ajax-Verhaltens selbst ist verwischen Client-Ereignis oder der Listener, der zum Abhören des Ajax-Ereignisses verwendet wurde.
(wpdm_file id=62)
