0

我有一个 Facelet，它有一个名为 的 div "gameinfo"，通过单击某个按钮，这个 div 应该用 Ajax 重新加载。

问题：

该调用不起作用，它会引发以下错误：

<f:ajax> contains an unknown id 'gameinfo' - cannot locate it in the context of the component dice

我不知道如何解决它，也许 div 需要更靠近按钮，或者也许只有 h: 命名空间中的元素可以用 ajax 调用？

代码：

            <div id="gameinfo" class="info">
                <h2>Spielinformationen</h2>
                <table summary="Diese Tabelle zeigt Informationen zum aktuellen Spiel">
                    <tr><th id="leaderLabel" class="label">F&uuml;hrender</th><td id="leader" class="data"><h:outputText value="#{spiel.getLeader()}" /></td></tr>
                    <tr><th id="roundLabel" class="label">Runde</th><td id="round" class="data"><h:outputText value="#{spiel.getRound()}" /></td></tr>
                    <tr><th id="timeLabel" class="label">Zeit</th><td id="time" class="data"><h:outputText value="#{spiel.getTime()}" /></td></tr>
                    <tr><th id="computerScoreLabel" class="label">W&uuml;rfelergebnis <em>Super C</em></th><td id="computerScore" class="data"><h:outputText value="#{spiel.getComputerScore()}" /></td></tr>
                </table>  
                <h2>Spieler</h2>
                <table summary="Diese Tabelle listet die Namen der Spieler auf">
                    <tr><th id="player1NameLabel" class="label">Spieler 1</th><td id="player1Name" class="data">Super Mario</td></tr>
                    <tr><th id="player2NameLabel" class="label">Spieler 2</th><td id="player2Name" class="data">Super C</td></tr>
                </table>          
            </div>

和 Ajax 调用：

            <div id="player" class="player">
                <h2 class="accessibility">W&uuml;rfelbereich</h2>
                <span class="accessibility">An der Reihe ist</span><div id="currentPlayerName">Super Mario</div>
                <h:form id="form">
                    <h:commandButton id="dice" alt="W&uuml;rfel mit einer Eins" image="resources/img/wuerfel1.png" action="#{spiel.dice()}" tabindex="4" title="W&uuml;rfel mit einer Eins">
                        <f:ajax render="gameinfo" />
                    </h:commandButton>
                </h:form>
            </div>

编辑：解决了！我将其更改<div>为<h:Panelgroup>并删除<h:form>了按钮所在的位置。

4

1 回答 1

1

<f:ajax应该指向一个 JSF 组件

代替

<div id="gameinfo" class="info">

和

<h:panelGroup layout="block" id="gameinfo" styleClass="info">

<h:panelGroup layout="block"会变成一个htmldiv

于 2013-05-08T09:35:07.083 回答