Différents Ajax statuts des différents composants PrimeFaces

Sur ma page web j'utilise mondiale ajax état modal. C'est, quand il ya un appel ajax, l'utilisateur est bloqué à partir d'effectuer d'autres actions et est forcé d'attendre. Comme ici:

http://www.primefaces.org/showcase-labs/ui/ajaxStatusScript.jsf

Cependant, un tel comportement n'est pas souhaité pour l'ensemble des éléments sur la page. Par exemple, pour la saisie semi-automatique, il serait plus agréable d'avoir non bloquant un juste à côté de la saisie semi-automatique de composant. Dans RichFaces, il y a l'attribut de situation par la saisie semi-automatique de composant.

Dans PrimeFaces (3.4 INSTANTANÉ), est-il un moyen d'avoir deux différents ajax statuts sur la page de déclencher de manière autonome en cas de besoin?

Grâce,
Lukas

InformationsquelleAutor lukas | 2012-08-03

jsf-2 primefaces

10

Vous pouvez utiliser l'attribut global que pour déclencher ajaxStatus ou pas. Par exemple, la valeur false va pas déclencher ajaxStatus comme ceci:
```
<p:autoComplete id="acSimple" value="#{autoCompleteBean.txt1}" 
completeMethod="#{autoCompleteBean.complete}" global="false"/>
```
Pour d'autres composants lorsque vous êtes à jour avec l'ajax. Vous pouvez faire quelque chose comme ceci:
```
<p:inputText value="#{autoCompleteBean.txt1}">
    <f:validateLength minimum="2" /> 
    <p:ajax global="false" update="email" event="keyup"/>
</p:inputText>
```
Mise à JOUR : Si vous voulez deux, puis faire écrire votre propre boîte de dialogue comme ceci:
```
<p:dialog widgetVar="status" modal="true" closable="false">
   Please Wait
</p:dialog>

<p:inputText value="#{autoCompleteBean.txt1}">
    <f:validateLength minimum="2" /> 
    <p:ajax global="false" onstart="status.show()" oncomplete="status.hide()" update="email" event="keyup"/>
</p:inputText>
```
- bien, mais que si je veux déclencher différents ajax statut? Je ne veux pas l'éteindre complètement. Je veux déclencher différents l'un qui se comporte différemment
- Je suis aussi intéressé par souch une solution...ont u trouvé quelque chose qui fonctionne bien?
- Primefaces 5.1 n'a pas cet attribut global plus. Toute suggestion. Pour la saisie semi-automatique componente.
InformationsquelleAutor Ravi
8

Dans Primefaces 5.1, vous verrez un message d'avertissement avec le Ravi de la solution et ça ne marchera pas.
```
  27-Mar-2015 14:35:41.877 WARNING [http-apr-8080-exec-2] org.primefaces.component.autocomplete.AutoCompleteRenderer.encodeScript The process/global/onstart/oncomplete attribute of AutoComplete was removed. Please use p:ajax with the query event now
```
La bonne solution pour Primefaces 5.1 est d'ajouter
```
 <p:ajax event="query" global="false"/>
```
à l'intérieur de la saisie semi-automatique de la balise.
- C'est la plus récente et la réponse exacte (aujourd'hui!).
- Cela ne fonctionne pas en 6.1. La saisie semi-automatique s'arrête juste l'interrogation.
InformationsquelleAutor leo

J'ai eu le même Problème, cela a été ma Solution (pas super simple, mais très flexible):

Si vous souhaitez ajouter un Chargement Indikator pour une Partie de la Page, vous devez ajouter deux <h:panelGroup> Éléments, l'un pour l'Indicateur de chargement et un pour le Contenu chargé.

par exemple:

   <h:panelGroup styleClass="contentPreview content">
        <h:outputText id="previewText" styleClass="updatePreview" value="#{lazyResultBean.previewContent}" />
   </h:panelGroup>
   <h:panelGroup styleClass="contentPreview loading">
        <p:graphicImage style="width: 15px; height: 15px;" name="/images/ajax-loader.gif" />
   </h:panelGroup>

Important est de définir la bonne styleClass de loading pour l'Indicateur de Chargement et content pour le contenu.
Les deux comités ont également besoin d'avoir une classe qui ils partagent, dans ce cas, le contentPreview Classe.

Pour basculer entre l'Indicateur de chargement et de Contenu, vous avez juste besoin d'appeler une Fonction JavaScript.
showLoading('.contentPreview') pour afficher l'Indicateur de Chargement
hideLoading('.contentPreview') pour masquer le témoin et afficher le contenu.

par exemple:

    <p:commandButton id="previewBtn" onstart="showLoading('.contentPreview')" oncomplete="hideLoading('.contentPreview')" value="Preview" update="previewText" actionListener="#{lazyResultBean.loadPreviewContent(result.url)}">
    </p:commandButton>

Le code pour les Fonctions JavaScript se présente comme suit:

  function showLoading(clazz) {
    console.log('showLoading' + clazz);
    var loadingElements = $(clazz + '.loading');
    loadingElements.each(function (index, el) {
      el.style.display = 'block';
    });

    var contentElements = $(clazz + '.content');
    contentElements.each(function (index, el) {
      el.style.display = 'none';
    });
  }

  function hideLoading(clazz) {
    console.log('hideLoading' + clazz);
    var loadingElements = $(clazz + '.loading');
    loadingElements.each(function (index, el) {
      el.style.display = 'none';
    });

    var contentElements = $(clazz + '.content');
    contentElements.each(function (index, el) {
      el.style.display = 'block';
    });
  }

InformationsquelleAutor Nero

Vous devez vous connecter pour publier un commentaire.