phong phú: thẻ trình chỉnh sửa không hoạt động khi được lồng vào bên trong phong phú: popupPanel trong JSF với RichFaces 4.2.0

Question

Tôi đang cố gắng sử dụng phong phú: trình chỉnh sửa bên trong một người giàu: popupPanel để cập nhật bài đăng trên blog từ bảng dữ liệu. Tôi đang sử dụng RichFaces 4.2.0. Nếu tôi lấy thẻ trình soạn thảo đó bên ngoài popupPanel nó hoạt động tốt, chỉ khi nó ở bên trong. Có ai có vấn đề đó không?

Mã của tôi là thế này:

<h:form id="form"> 

     <rich:dataTable value="#{managePosts.allBlogPosts}" var="post" id="manage_posts_data_table" 
         styleClass="manage_posts_table" rows="15"> 
      <f:facet name="noData">     
       Nothing found 
      </f:facet> 
      ... 
      <rich:column width="70px"> 
       <h:link outcome="userViewPost.jsf"> 
        <f:param name="post_id" value="#{post.id}" /> 
        <h:graphicImage library="images" name="posts/manage/view.png" /> 
       </h:link>     
       <a4j:commandLink render="editGrid" execute="@this" 
        oncomplete="#{rich:component('editPane')}.show()"> 
        <h:graphicImage library="images" name="posts/manage/update.png" /> 
        <f:setPropertyActionListener target="#{managePosts.editedPost}" value="#{post}" /> 
       </a4j:commandLink> 

      </rich:column>  
     </rich:dataTable> 

     <rich:popupPanel header="#{msg.edit_selected_post}" id="editPane" width="685" height="600" modal="true">      

       <h:outputLabel value="#{msg.title}: " styleClass="form_labels" /> 
       <h:inputText id="update_post_title" value="#{managePosts.editedPost.title}" required="true" 
        requiredMessage="#{msg.empty_field_err}" size="103"> 
        <f:validateLength minimum="6" maximum="128"/> 
       </h:inputText> 

       <h:outputLabel value="" /> 
       <rich:message for="update_post_title" /> 
       <h:outputLabel value="" /> 

       <h:outputLabel value="#{msg.content}: " styleClass="form_labels" /> 
       <rich:editor id="editor" toolbar="custom" skin="kama" required="true" requiredMessage="#{msg.empty_field_err}" 
         value="#{managePosts.editedPost.content}" width="530" height="300"> 
        <f:facet name="config"> 
        toolbar_custom: 
         [ 
          { name: 'document', items : [ 'NewPage','Preview' ] }, 
          { name: 'clip#{managePosts.editedPost.title}board', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, 
          { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] }, 
          { name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] }, '/', 
          { name: 'styles', items : [ 'Styles','Format' ] }, 
          { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] }, 
          { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] }, 
          { name: 'links', items : [ 'Link','Unlink','Anchor' ] }, 
          { name: 'tools', items : [ 'Maximize','-','About' ] } 
         ] 
        </f:facet> 
       </rich:editor> 

       <h:outputLabel value="" /> 
       <rich:message for="editor" /> 
       <h:outputLabel value="" /> 

      <a4j:commandButton value="Cancel" onclick="#{rich:component('editPane')}.hide(); return false;" /> 
     </rich:popupPanel> 

    </h:form> 

Cảm ơn bạn trước!

Answer 1

Lỗi này rất nổi tiếng.

Trình chỉnh sửa nằm ngoài thẻ biểu mẫu.