1.modalPanel里如果包含<h:input/> <h:commandButton/>之类的元素时,必须有自己的from,也就是说<h:form/>必须在在<rich:modalPanel/>的里面,否则表单控件都无法正确执行。
2.如果modalPanel自己内部有的form时,就不要再用其他的form来包住modalPanel控件。
Xml代码
<rich:modalPanel>
<f:facet name="header">
<h:outputText value="Test" />
</f:facet>
<h:form>
<t:commandButton value="Test" action="#{TESTCONTROLLER.test}"/>
</h:form>
</rich:modalPanel>
<h:form>
<!-- 其他组件 -->
</h:form>
<rich:modalPanel>
<f:facet name="header">
<h:outputText value="Test" />
</f:facet>
<h:form>
<t:commandButton value="Test" action="#{TESTCONTROLLER.test}"/>
</h:form>
</rich:modalPanel>
<h:form>
<!-- 其他组件 -->
</h:form>
分享到:
相关推荐
`<rich:modalPanel>`是RichFaces中的一个弹出对话框组件,可以在页面上显示一个模态窗口,通常用于展示信息、确认操作或收集用户输入。用户可以设置其大小、位置、关闭按钮以及其他交互特性。 4. **<rich:...
例如,`<rich:calendar>`用于日期选择,`<rich:slider>`用于创建滑动条,`<rich:modalPanel>`则用于创建模态对话框。 2. **Ajax支持**: RichFaces的强项之一是其内置的Ajax功能。它使用A4J(Ajax for JSF)库,...
3. **对话框组件**:`<rich:popupPanel>`允许弹出窗口,`<rich:modalPanel>`则提供了模态对话框功能。 4. **效果组件**:如`<rich:effect>`,使用JavaScript库(如jQuery)实现动画和特效。 五、源码学习与调试 ...
比如,我们可以在相册列表页面使用`<rich:datascroller>`组件实现分页加载,使用`<rich:fileUpload>`组件让用户无需刷新页面即可上传图片,使用`<rich:modalPanel>`展示预览图片的弹窗。 在视图层,我们需要创建JSF...
`<rich:componentControl>`标签与`<h:graphicImage>`一起使用,配置了操作"hide",表示在用户点击图片时调用hide操作隐藏面板。`for`属性指定了要控制的组件(这里是"panel"),`attachTo`属性则指定了触发操作的...
<rich:modalPanel id="panel" width="350" height="100"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Modal Panel"></h:outputText> </h:panelGroup> </f:facet> <f:facet name="controls...
<rich:modalPanel id="panel" width="350" height="100"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Modal Panel"></h:outputText> </h:panelGroup> </f:facet> <f:facet name="controls...
在本文中,我们将深入探讨 RichFaces 标签的使用,特别是 `rich:componentControl` 和 `rich:modalPanel` 标签,以及 `inputNumberSlider` 和 `PanelBar` 组件。RichFaces 是一个功能丰富的 JavaServer Faces (JSF) ...
5. **rich:modalPanel**:模态窗口组件,用于在当前页面上打开一个半透明的覆盖层,突出显示特定内容。 **三、RichFaces与JSF的集成** JSF是一个标准的MVC框架,而RichFaces作为JSF的扩展,可以无缝集成到JSF应用...