从对话框更新PrimeFaces数据表行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从对话框更新PrimeFaces数据表行相关的知识,希望对你有一定的参考价值。

我有一个数据表,其中有一个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,但如果我输入索引并尝试在render上创建此特定id,则会抛出一个无法找到的异常。

我已经尝试将对话框放在dataTable中,并且它可以正常更新,但它会导致更多问题,所以我不得不放弃该选项。此外,如果我更新完整的表它没关系,但问题是rowexpandor关闭哪不是它的要求,加上它不是真的不喜欢刷新整个表,因为这不是这个目的。如果这有帮助,我正在使用Primeface 4.0。用jsf 2.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

以上是关于从对话框更新PrimeFaces数据表行的主要内容,如果未能解决你的问题,请参考以下文章

从 Backing Bean 显示 Primefaces confirmDialog

将数据从对话框添加到datable-jsf-primefaces

JSF 2.0 更新 primefaces 对话框第一次不起作用

Primefaces数据表排序和过滤直到rowSelect才起作用

对话框关闭事件后 Primefaces 更新组件

如何从primefaces中的javascript触发组件刷新?