modalPanel and suggestionbox
shooali Apr 30, 2007 10:22 AMhello,
I have seen that a subtask was open for http://jira.jboss.com/jira/browse/RF-103 and that it is resolved. does it mean the problem is solved?
I have downloaded the latest snapshot jars for both the richfaces and a4j but I still have the same problems. the suggestion list is opened below the modalPanel
here is my code again:
calling the modalPanel:
<a4j:commandLink id="add_attr" actionListener="#{pageBean.onAddAttribute}" oncomplete="Richfaces.showModalPanel('policy_editing_form:mp',{width:100, top:50})"> <span>#{ajax_msgs['POLICY.WIZARD.STAGE.RULE_SCOPE.ADD_ATTRIBUTE']}</span> </a4j:commandLink>
the modalPanel:
<rich:modalPanel id="mp" minHeight="600" minWidth="1000" height="600" width="1000" zindex="2000"> <f:facet name="header"> <h:outputText value="Add Custom Constraint"/> </f:facet> <f:facet name="controls"> <a href="javascript:Richfaces.hideModalPanel('policy_editing_form:mp')">X</a> </f:facet> <ui:include src="PolicyEditingWizardBodyAddCustomConstraint.xhtml"/> <a href="javascript:Richfaces.hideModalPanel('policy_editing_form:mp')">close</a> </rich:modalPanel>
PolicyEditingWizardBodyAddCustomConstraint.xhtml:
<ui:composition> <c:set var="pageBean" value="#{policyEditingWizardStageAddCustomConstraintBean}"/> <t:saveState value="#{policyEditingWizardBean}" rendered="false"/> <script language="javascript" >resizeAllLayouts();</script> <h:form id="stam"> <span id="wizard_popup"> <a4j:region> <table id="wizard_popup_table" cellpadding="0" cellspacing="10" border="2" width="100%" style="padding-left: 20px;padding-right: 20px;"> <tr> <td>#{ajax_msgs['RULE_CONDITIONS_PAGE.TITLE']} <h:selectOneRadio id="constraintKindRadio" value="#{pageBean.selectedConstraintKind}" layout="pageDirection" converter="constraintKindConverter"> <f:selectItems id="constraintKindItems" value="#{pageBean.constraintKindItems}"/> <a4j:support event="onclick" reRender="allPanels"/> </h:selectOneRadio> </td> </tr> <tr> <td valign="middle"> <!-- ****************************************************** --> <!-- radio buttons above show and hide the following panels. --> <!-- ****************************************************** --> <h:panelGroup id="allPanels"> <!-- ********** config item attribute ************* --> <h:panelGroup id="ConfigItemAttributePanel" rendered="#{pageBean.configItemAttributeKind}"> <table align="left" width="100%" height="200" border="3" cellspacing="0"> <tr valign="top"> <td width="15%">#{ajax_msgs['RULE_CONDITIONS_PAGE.ATTR_FULL_NAME']}</td> <td> <h:inputText id="configItemAttributePath" value="#{pageBean.ciAttributeBean.path}" style="width: 250px"> <!-- <a4j:support event="onkeyup" reRender="ciAttributeOperator" ignoreDupResponses="true" requestDelay="200" limitToList="true"/> --> </h:inputText> <rich:suggestionbox id="attributePathSuggestBox" for="configItemAttributePath" var="attributePathSuggestion" suggestionAction="#{pageBean.ciAttributeBean.configItemAttributeSuggestions}" ignoreDupResponses="true" requestDelay="200" height="200" width="250" popupStyle="display: block"> <!-- <a4j:support event="onselect" reRender="ciAttributeOperator" ignoreDupResponses="true" requestDelay="200" limitToList="true"/> --> <h:column> <h:outputText value="#{attributePathSuggestion}"/> </h:column> </rich:suggestionbox> </td> </tr> <tr valign="top"> <td> <h:outputText id="ciAttributeOperatorLabel" value="#{ajax_msgs['RULE_CONDITIONS_PAGE.OPERATOR']}"> </h:outputText> </td> <td colspan="2"> <!-- ********** list box for choosing operator ********* --> <h:selectOneMenu id="ciAttributeOperator" value="#{pageBean.ciAttributeBean.operator}" converter="operatorConverter" style="width: 100px"> <f:selectItems id="ciAttributeOperatorItems" value="#{pageBean.ciAttributeBean.operatorOptions}"/> </h:selectOneMenu> </td> </tr> <tr valign="top"> <td>#{ajax_msgs['RULE_CONDITIONS_PAGE.VALUE']}</td> <td colspan="2"> <h:inputText id="ciAttributeValue" value="#{pageBean.ciAttributeBean.value}" styleClass="emc_text"/> </td> </tr> </table> </h:panelGroup> <!-- ***************** file property ************************ --> <h:panelGroup id="FilePropertyPanel" rendered="#{pageBean.filePropertyKind}"> <table align="left" width="100%" height="200" border="3" cellspacing="0"> <tr height="10%" valign="top"> <td width="15%">#{ajax_msgs['RULE_CONDITIONS_PAGE.CONFIGURATION_FILE']}</td> <td> <h:inputText id="filePropertyFilePath" value="#{pageBean.filePropertyBean.configurationFileName}"/> </td> </tr> <tr valign="top"> <td width="15%">#{ajax_msgs['RULE_CONDITIONS_PAGE.PROPERTY']}</td> <td><h:inputText id="filePropertyName" value="#{pageBean.filePropertyBean.name}"/></td> </tr> <tr valign="top"> <td>#{ajax_msgs['RULE_CONDITIONS_PAGE.HINT_ON_PROPERTY']}</td> <td> <h:selectOneMenu id="filePropertyTypeHintOption" value="#{pageBean.filePropertyBean.typeHint}" style="width:150;" styleClass="selectOneMenu" converter="typeHintConverter"> <a4j:support event="onchange" reRender="filePropertyOperator"/> <f:selectItems value="#{pageBean.filePropertyBean.typeHintOptions}" /> </h:selectOneMenu> </td> </tr> <tr valign="top"> <td>#{ajax_msgs['RULE_CONDITIONS_PAGE.OPERATOR']}</td> <td> <!-- ********** list box for choosing operator ********* --> <h:selectOneMenu id="filePropertyOperator" value="#{pageBean.filePropertyBean.operator}" converter="operatorConverter" style="width: 100px"> <f:selectItems id="filePropertyOperatorItems" value="#{pageBean.filePropertyBean.operatorOptions}"/> </h:selectOneMenu> </td> </tr> <tr valign="top"> <td>#{ajax_msgs['RULE_CONDITIONS_PAGE.VALUE']}</td> <td> <h:inputText id="fileOperatorValue" value="#{pageBean.filePropertyBean.value}" /> </td> </tr> </table> <h:messages/> </h:panelGroup> <!-- ***************** config item count ************************** --> <h:panelGroup id="ConfigItemCountPanel" rendered="#{pageBean.configItemCountKind}"> <table align="left" width="100%" height="200" border="3" cellspacing="0"> <tr valign="top"> <td width="15%">#{ajax_msgs['RULE_CONDITIONS_PAGE.PATH_CONFIGURATION_ITEM']}</td> <td> <h:inputText id="configItemCountPath" value="#{pageBean.ciCountBean.path}" style="width: 250px"> <a4j:support event="onkeyup" reRender="ciCountOperator" ignoreDupResponses="true" requestDelay="200" limitToList="true"/> </h:inputText> <rich:suggestionbox id="configItemPathSuggestBox" for="configItemCountPath" var="configItemPathSuggestion" suggestionAction="#{pageBean.ciCountBean.configItemPathSuggestions}" ignoreDupResponses="true" requestDelay="200" height="200" width="250"> <a4j:support event="onselect" reRender="ciAttributeOperator" ignoreDupResponses="true" requestDelay="200" limitToList="true"/> <h:column> <h:outputText value="#{configItemPathSuggestion}"/> </h:column> </rich:suggestionbox> </td> </tr> </table> </h:panelGroup> </h:panelGroup> </td> </tr> <!-- ****************** Buttons ************************ --> <tr height="10%" valign="bottom"> <td align="right"> <a id="ok_button" jsfc="h:commandButton" value="#{ajax_msgs['GENERAL.BUTTON.OK.LABEL']}" action="#{pageBean.okAction}"> </a> <a id="cancel_button" jsfc="h:commandButton" value="#{ajax_msgs['GENERAL.BUTTON.CANCEL.LABEL']}" action="#{pageBean.cancelAction}" immediate="true"> </a> </td> </tr> </table> </a4j:region> </span> </h:form> </ui:composition>