0

内部にrowexpandorがあり、1つは通常のテキストで、もう1つはコメントのリストを保持する2つのパネルを含むデータテーブルがあります。ユーザーが新しいコメントを追加できるボタンがあります。ダイアログは別のフォームになりました。以下のコードを参照してください。私の問題は、コメントが追加されると、すべてのコメントを保持するパネルが更新されないことです。これがコードサンプルです。

 <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 に答える