的JavaServer Faces（JSF） - 用户界面：可重复没有显示新元素

Question

我正在开发一个简单的JSF应用程序，但我再次卡住了...

基本上，我有谁是登录，想一个人发布新消息：

<h:form id="messageform"> 
    <div style="width:900px; margin-top:-20px;"> 
     <div id="count">250</div> 
     <div id="barbox"><div id="bar"></div></div> 
     <h:inputTextarea id="textarea_message" cols="8" rows="5" value="#{messageBean.message}" /> 
    </div> 
    <h:commandButton id="message_submit" value="" action="#{messageBean.postMessage(login.username)}" styleClass="input-submitbericht" /> 
</h:form> 

而postMessage方法在messageBean中。

public void postMessage(String username) { 
    Message.clearMessage(); 
    System.out.println(db.getAlleBerichten().size()); 
    if (Message.checkValidMessage(message) && Message.checkValidUsername(username)) { 
     Gebruiker g = db.readGebruiker(username); 
     db.addBerichtBijGebruiker(g, message); 
     Message.setMessage("Uw bericht is succesvol gepost!"); 
     Message.setMessageType("info"); 
     Message.setRenderMessage(true); 
     System.out.println(db.getAlleBerichten().size()); 
    } 
} 

此代码完美工作。我在messageBean中使用了一个简单的System.out.println()，并且元素得到完美添加。

现在，当我尝试在屏幕上显示新消息时，它根本不会被检测到。这就像从来没有得到添加到ArrayList中的元素...

我使用此代码显示消息：

<ui:repeat value="#{database.alleBerichten}" var="berichten"> 
    <div class="record"> 
     <div class="#{(rowCount % 2) != 0 ? 'posteven' : 'postodd'}"> 
      <div class="text_wrapper text_wrapperm#{berichten.id}"> 
       #{berichten.bericht} 
      </div> 
      <div class="edit editm#{berichten.id}" style="display:none; width:890px;"> 
       <textarea class="editbox editboxm#{berichten.id}" cols="23" rows="3" id="m#{berichten.id}" method="message"></textarea> 
      </div> 
      <div class="postinfo"> door #{berichten.gebruiker.gebruikersnaam} 
       <c:if test="#{berichten.gebruiker.gebruikersnaam == login.username}"> 
        <h:form> 
         <a style="cursor: pointer;" class="edit_link" title="Edit" id="m#{berichten.id}">Wijzigen</a> - 
         <h:commandLink value="Verwijderen" action="#{database.deleteBericht(berichten.id)}" styleClass="delbutton"/> 
        </h:form> 
       </c:if> 
      </div> 
     </div> 
    </div> 
    <c:set var="rowCount" value="#{rowCount + 1}"/> 
</ui:repeat> 

所以我觉得这个问题是与ui:repeat的一部分，但我不知道我如何解决这个问题...

Answer 1

你有一个JSTL <c:if>标签里面的JSF <ui:repeat>标签。理解JSTL和JSF不会像编码期望的那样同步运行是很重要的。它是JSTL，它在视图构建时间内首先运行，并且仅用JSF标记生成一个视图。然后，JSF在视图渲染时运行并生成HTML输出。

后面JSF <ui:repeat>的var属性目的因此从未时可用JSTL <c:if>标签运行。您希望使用JSF标记/属性。在这种情况下，rendered属性是适当的。

因此，通过

<h:form rendered="#{berichten.gebruiker.gebruikersnaam == login.username}"> 
    <a style="cursor: pointer;" class="edit_link" title="Edit" id="m#{berichten.id}">Wijzigen</a> - 
    <h:commandLink value="Verwijderen" action="#{database.deleteBericht(berichten.id)}" styleClass="delbutton"/> 
</h:form> 

---

另外，JSTL <c:set>标签是不会在这里工作更换

<c:if test="#{berichten.gebruiker.gebruikersnaam == login.username}"> 
    <h:form> 
     <a style="cursor: pointer;" class="edit_link" title="Edit" id="m#{berichten.id}">Wijzigen</a> - 
     <h:commandLink value="Verwijderen" action="#{database.deleteBericht(berichten.id)}" styleClass="delbutton"/> 
    </h:form> 
</c:if> 

。如果您使用的是JSF 2.0，请改用<ui:repeat>的varStatus属性。

<ui:repeat value="#{database.alleBerichten}" var="berichten" varStatus="loop"> 
    <div class="record"> 
     <div class="#{(loop.index % 2) != 0 ? 'posteven' : 'postodd'}">