如何移动富模态面板

Question

我无法移动模态面板。
尽管我使用的是可移动的="true" 属性。 我在该模式面板中包含了一个 jsp 页面。

main.jsp

<f:view>
   <html>
     <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     </head>
     <body>
        <h:form id="modalPanelForm">
                <a4j:outputPanel id="outputPanel">
                        <a4j:commandButton value="Show Modal Panel" onclick="#{rich:component('modalPanel')}.show();"/>
                </a4j:outputPanel> 
        </h:form> 
                 <rich:modalPanel id="modalPanel" moveable="true">
                       <f:subview id="jobSchedulerSubView">
                            <jsp:include page="test1.jsp" flush="true"/>
                       </f:subview> 
                 </rich:modalPanel> 

</body></html></f:view>

test1.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
  <f:verbatim>
     <html>
        <head>
           <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        </head>
        <body>
  </f:verbatim>
           <h:form id="testForm"> 
               <rich:panel id="testRichPanel"> 
                  <f:facet name="header">
                      <h:outputText value="SecondModalpanel"/>
                  </f:facet> 

                     <a4j:outputPanel id="testOutputPanel">
                          <a4j:commandButton value="Close Modal Panel" 
                                      onclick="#{rich:component('modalPanel')}.hide();"
                                      reRender="modalPanel"/>
                     </a4j:outputPanel> 
               </rich:panel>
</h:form>

<f:verbatim></body></html><f:verbatim>

我有很多页面，例如 first.jsp、second.jsp、third.jsp、fourth.jsp 等......
每个页面都有模态面板，每个模态面板都包含“test1.jsp”页面。
这就是我喜欢使用的原因

<rich:modalpanel ....>             
      <f:subview ....>
          <jsp:include page="test1.jsp" .../> 
      </f:subview>         
</rich:modalpanel>

帮帮我。 提前致谢。

Answer 1

将标题facet 添加到您的modalPanel。 moveable属性的默认值为true，无需手动设置为true。

<rich:modalPanel id="modalPanel">
   <f:facet name="header"> 
     <h:panelGroup>
       <h:outputText value="PO-Select Supplier"></h:outputText>
     </h:panelGroup>
   </f:facet>
  ...more.............
</rich:modalPanel>