Question

当我点击“提交”按钮时，丰富的弹出式面板无法正常工作。应该在h：form或inside之外。我试过两种方式，但它没有用。请帮助我，我出错了.Below是我的代码。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:fn="http://java.sun.com/jsp/jstl/functions"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
<h:body>
    <ui:composition template="/pages/layout.xhtml">
        <ui:define name="heading">
            <h:outputText value="Paging” </h:outputText>
        </ui:define>

        <ui:define name="content">
            <h:panelGrid id="panel2">
    <h:form id="my_form">
    <table>
    <tr>
        <td>
        <h:panelGroup id="globalmessages">
            <h:message id="key1" for="key" style="color:red" showDetail="true" />
            <h:message id="lock1" for="lock" errorStyle ="color:red" showDetail="true" />
         </h:panelGroup>
        </td>
    </tr>
    </table>
    <table  width="700px" >
        <tr>
            <td align="right" width="30%"><label>Files: </label></td>
            <td align="left" width="70%"><h:outputText value= "Hosting file" /></td>
        </tr>
        <tr>
            <td align="right" width="30%"><label for="lastdate">
            Last Date:</label></td>
            <td align="left" width="70%"><h:panelGrid id="panel1">
                <h:panelGroup>
                    <rich:calendar id=" lastdate "
                        value="#{myBean.ladate}"
                        locale="Locale.US" popup="true" datePattern="MM/dd/yyyy"
                        showApplyButton="false" todayControlMode = "hidden" cellWidth="24px" cellHeight="220px"
                        enableManualInput = "true" converterMessage = "Entered wrong date format"
                        style="width:200px" required="true" requiredMessage="Last date: is required."/>
                (MM/DD/YYYY)
                </h:panelGroup>
            </h:panelGrid>
            <h:commandButton value ="getHost" action="#{mybean.hosted}" id="key" />
            </td>
        </tr>
        <tr></tr><tr></tr><tr></tr><tr></tr>
        <tr>
            <td align="right" width="30%"><label>Data: </label></td>
            <td align="left" width="70%"><h:inputText id="datarelated" value="#{myBean.dataExist}" style="padding-bottom: 68px; width: 165px;"/></td>
        </tr>
        <tr></tr><tr></tr><tr></tr>
        <tr>
            <td align="right">
            <a4j:commandButton  value ="SubmitVal" action="#{myBean.onVal}" id="lock" style="height: 25px; width: 90px;"  
            render="globalmessages" status="ajaxStatus"/>
            </td>
        </tr>
    </table>
    </h:form>
    <a4j:status name="ajaxStatus"                                           
        onstart="#{rich:component('waitPanel')}.show('',{top:'340px', left:'450px',height:'50px', width:'350px'})"
        onstop="#{rich:component('waitPanel')}.hide()" >
    </a4j:status>
                            <rich:popupPanel  id="waitPanel" style="text-align:center">
                            <h:form id="test">
                                <h:outputText value="Please wait...Calculating" style="font-weight:bold;font-size:large" />
                            </h:form>
                            </rich:popupPanel> 
     </h:panelGrid>
    </ui:define>
    </ui:composition>
    </h:body>
    </html>

rich：带有<a4j：status>的popupPanel在JSF2中不起作用

0 个答案: