JSF Ajax refresh nach Linkklick

[Phenix]

Hallo zusammen,

ich habe eine Anfängerfrage, da ich mich zum ersten mal mit JSf beschäftige. Habe auch schon so einiges ans Laufen bekommen, doch hier weiss ich nicht so recht, wie es geht.

Ich habe eine Bean, die u.a. einen boolean als Attribut hat. Wenn ich auf einen bestimmten Link klicke, möchte ich, dass der boolean einer bestimmten Bean auf einen anderen Wert gesetzt wird und danach meine View refresht wird. Das Ganze soll dazu gut sein, um Kommentare ein- und ausblenden zu können. Schön wäre es, wenn das Ganze per Ajax möglich wäre.
Ich habe es erst einmal mit einem ActionListener versucht, doch wird die Seite danach nicht richtig gerendert. Ich möchte im Prinzip nur die PanelGroup danach aktualisieren. Hoffe, ich wisst was ich meine.

Bean:

public boolean isShowComments()
    {
        return showComments;
    }

    public void change(ActionEvent event)
    {
        showComments = !showComments;
    }

View:

                    <p:dataGrid value="#{entryController.displayed}" var="entry" id="grid" paginator="true" effect="true" columns="1" rows="7" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" rowsPerPageTemplate="9,12,15">
                        <p:column>
                            <h:panelGroup layout="block" styleClass="article">
                                <h:graphicImage library="images" name="oben_links.png" width="75px" height="35px" />
                                <h:graphicImage library="images" name="oben_rechts.png" width="75px" height="35px" style="float:right;"/>
                                <h:panelGroup layout="block" styleClass="article_content">
                                    <h2>#{entry.headline} (#{entry.creationDateAsString})</h2>
                                    #{entry.text}
                                    <br />
                                    <br />
                                    <br />
                                    <br />
                                    [Tags: #{entry.tags}]

                                    <h:panelGroup layout="block" rendered="#{entry.showComments}">
                                        Hallo, ich bin ein Kommentar
                                    </h:panelGroup>
                                    <h:form>
                                        <h:commandLink actionListener="#{entry.change}"><h:outputText value="Show comments" /></h:commandLink>
                                    </h:form>
                                </h:panelGroup>
                                <h:graphicImage library="images" name="unten_links.png" width="75px" height="35px"/>
                                <h:graphicImage library="images" name="unten_rechts.png" width="75px" height="35px" style="float:right;" />
                            </h:panelGroup>
                        </p:column>
                    </p:dataGrid>

 

[internet]

Probiere es mal mit p:commandLink und dann mit dem Attribut "update".

 

[Phenix]

^^ Natürlich!
Habe vergessen, dass es eine Primewfaces-Implementierung davon gibt. Danke

 

[Phenix]

Ich habe noch ein weiteres Problem.
Das refreshen per Ajax funktioniert nun. ich möchte jetzt aber, dass dann eine Reihe von Kommentaren angezeigt wird. Die Datatable an sich wird auch gerendert, nur bleibt sie Inhaltsleer. Per Debug habe ich aber gesehen, dass auf getComments() zugegriffen wird und die List auch befüllt ist. Somit sollte eigentlich mehrere Male das Wort "ggggg" erscheinen. Das passiert aber wie gesagt nicht.

<h:dataTable rendered="#{entry.showComments}" value="#{entry.comments}">
                                        <h:outputText value="ggggg" />
                                    </h:dataTable>
                                    <p:commandLink actionListener="#{entry.change}" update="article_content"><h:outputText value="#{entry.commentText}" /></p:commandLink>

 

[Phenix]

Ok, ich habe es gelöst. So funktioniert das Ganze:

    <h:dataTable value="#{entry.comments}">
                                        <h:column rendered="#{entry.showComments}">
                                            <hr class="separator" />
                                            <h:outputText value="ggggg" />
                                        </h:column>
                                    </h:dataTable>

Frage mich nur, warum die andere Variante nicht funktioniert hat ;-)