auto refresh ein div mit JSF

Wie aktualisiert automatisch ein div-Element alle 5 Sekunden mithilfe von JSF. Ich habe ein div mit der id = statusBlock, möchte ich den status und Kommentare in Sie zu erhalten, aktualisiert sich automatisch alle 5 Sekunden, so dass Benutzer erhält automatisch alle status-updates, ohne die gesamte Seite aktualisiert wird. Ich habe gesucht stackoverflow-site, aber konnte nichts finden, das würde ich tun Sie es mit JSF.

InformationsquelleAutor Wizard Sultan | 2013-03-21
  1. 4

    Dies kann erreicht werden durch setInterval JavaScript-Funktion, die einen Aufruf an den server einmal in eine Weile.

    Eine einfache, aber nicht so fancy Beispiel wäre die Ausführung einer versteckten UICommand um diesem Benutzer können nicht die Daten aktualisieren, die durch ihn/Sie selbst:

    <script type="text/javascript">
    setInterval(function() { 
        document.getElementById('myForm:btnLoadData').submit();
        }, 5*1000);
</script>

<h:panelGroup id="divData" layout="block">
    <!-- content... -->
</h:panelGroup>
<h:form id="myForm">
    <h:commandButton id="btnLoadData" value="Hidden" action="#{bean.loadData}"
        style="display:none">
        <f:ajax execute="@form" render=":divData" />
    </h:commandButton>
</h:form>
    • Was ist, wenn ich nicht wollen, um eine versteckte UICommand, welche änderungen muss ich tun, wenn ich nur auffrischen wollen <h:panelGroup id='divData'>
    • Sie sollten einen ajax-request an den server manuell wie erklärt hier. Beachten Sie, dass die UICommand stark hilft Ihnen dabei, dieses Zeug. Sie können auch immer wieder auftreten, zu Bibliotheken von Drittanbietern, die mit dieser Arbeit wie PrimeFaces (wie schon in @RodrigoSasaki Antwort).
    • kann ich ommit das action-Attribut. Wird es Probleme, wenn ich entfernen Sie die action="#{bean.loadData}".Ist es mandatoyr?
    • Sie verursachen keine Gefahr, es wird nur senden Sie eine POST-Anforderung und nicht ausführen jeder Aktion aus.
    • könnte u bitte erklären Sie das @ - form im ajax execute="@form". Ich bin Neuling in jsf, versucht zu implementieren Ihre Lösung
    • bedeutet, dass die gesamten Daten in <h:form> werden an den server gesendet. Wenn Sie müssen zum senden von bestimmten Daten, die Sie verwenden können execute=":icomponent1Id :component2Id ..." und auf.
    • setinterval-Methode nicht funktioniert. Es ist erfrischend. was kann das problem sein
    • Sie sollten eine Frage stellen Fragen zu Ihrem konkreten Fall.
    • könnte u bitte Antworten Sie auf diese Frage stackoverflow.com/questions/26151422/...

    InformationsquelleAutor Luiggi Mendoza
  2. 2

    Sind Sie mit einer Komponente lib wie Primefaces?

    Wenn Sie könnten Sie verwenden eine polling-Komponente.

    Hier ist ein Schaufenster link zu veranschaulichen: http://www.primefaces.org/showcase/ui/poll.jsf

    • Im letzen posts, OP gefragt, ob Sie das beantworten können, verwenden Sie plain JSF.
    • Tut mir Leid @LuiggiMendoza, aber was ist OP?
    • OP = original poster. Siehe urbandictionary.com/define.php?term=op
    InformationsquelleAutor Rodrigo Sasaki
Schreibe einen Kommentar