0

我有一个数据表，其中有一个 rowexpandor，其中包含两个面板，一个是常规文本，一个包含评论列表。我有一个按钮，允许用户添加新评论。现在该对话框采用单独的形式，请参见下面的代码。我的问题是，一旦添加了评论，包含所有评论的面板就不会被刷新。这是一个代码示例。

 <h:form id="formName">


        <p:dataTable  id="prTable" rowIndexVar="index" sortMode="multiple" styleClass="iris_table" var="value" value="#{bean.listValues}"  
                     paginator="true"  rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                     rowsPerPageTemplate="5,10,15">
            <p:ajax event="rowToggle" onstart="rowMutalExclusive();"/>


            <p:column style="width:2%">  
                <p:rowToggler />

            </p:column> 



            <p:column id="message"   
                      headerText="Description" 
                      filterMatchMode="contains" filterStyle="display: none;">  
                <h:outputText value="#{value.description}" />  
            </p:column>  


            <p:column id="deadline" headerText="Deadline" filterStyle="display: none;">  

                <h:outputText  value="#{value.endDate}">
                    <f:convertDateTime pattern="dd.MM.yyyy " />
                </h:outputText>
            </p:column>  
            <p:rowExpansion > 

                <div class="iris_peerreview_details">

                    <div class="comments">

                        <p:commandButton value="Comment" process="@this" update=":dialogForm:commentDlg" oncomplete="commentDialog.show()">  
                            <f:setPropertyActionListener target="#{bean.review}" rendered="check" value="#{value.review}"></f:setPropertyActionListener>     
                        </p:commandButton>
                        <div class="clear"></div>
                    </div>
                    <p:panel id="pnlHelp"  style='border:none'>
                        <p:dataList id="check" rowIndexVar="index" value="#{bean.commentsFromCase(value.review)}" var="commentReview"> 
                            <div class="messages">
                                <p> 
                                    <h:outputText value="#{commentReview.date}">
                                        <f:convertDateTime pattern="MM.dd.yyyy 'at' h:mm a"></f:convertDateTime>
                                    </h:outputText>  

                                </p>
                                <p class="message">
                                    <h:outputText styleClass="message"  value="#{commentReview.comment}"/>

                                </p>

                            </div>
                        </p:dataList>
                    </p:panel> 
                </div>


            </p:rowExpansion> 
        </p:dataTable> 
    </h:form>
    <h:form id="dialogForm" >
        <p:dialog id="commentDlg" header="Comment" widgetVar="commentDialog" resizable="false" 
                  modal="true">

            <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">

                <h:outputText value="Comment"" />
                <h:inputText value="#{bean.comment}" required="true" requiredMessage="Please enter a comment" style="font-weight:bold"/>                                               
                <p:commandButton id="save" actionListener="#{bean.commentCase()}" update=":formName:prTable:pnlHelp" oncomplete="commentDialog.hide();" 
                                  value="Comment"/>
                <p:commandButton id="cancelButton" onclick="commentDialog.hide()" value="Cancel"/>
            </h:panelGrid>
        </p:dialog>
    </h:form>

您必须原谅我，因为我必须删除一些代码并掩盖其中的一些，但通常这就是它的作用。现在，一旦单击评论按钮，就会出现对话框，并且评论存储在数据库中，一切正常，但我无法让它更新包含评论的那一行的面板。我猜的问题是，一旦此页面呈现面板ID实际上是

 formName:prTable:0:pnlHelp

并且每一行的值都会发生变化。现在我明白我在对话框中的更新无法找到 id，但是如果我输入索引并尝试在渲染时创建这个特定的 id，它会抛出一个找不到它的异常。

我尝试将对话框放在 dataTable 中，然后它可以正常更新，但它会导致更多问题，所以我不得不放弃该选项。此外，如果我更新完整的表，它可以，但问题是 rowexpandor 关闭，这不是它所需要的，而且它并不是真的不喜欢刷新完整的表，因为这不是目的。如果有帮助，我正在使用 Primeface 4.0。使用 jsf 2.0。

4

1 回答 1

0

是的，每一行的 id 值都会发生变化。尝试使用 css 选择器更新它，将按钮更改为

<p:commandButton id="save" actionListener="#{bean.commentCase()}" update="@([id$=pnlHelp])" oncomplete="commentDialog.hide();" 
                                  value="Comment"/>

该代码将更新所有以“pnlHelp”结尾的组件。更多信息：http ://www.w3schools.com/cssref/css_selectors.asp

于 2013-10-21T17:29:20.763 回答