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:listShuttle>标签使用 在JavaServer Faces (JSF)开发中,`rich:listShuttle`是RichFaces库中的一个非常实用的组件,主要用于实现列表项的双向选择和移动功能。例如,在用户界面中展示两个列表,并允许...
本文将深入探讨如何使用RichFaces的`<rich:treeNode>`标签来开发动态树形结构视图。这个标签是RichFaces框架中的一个重要组成部分,常用于构建层次化的数据展示。 首先,让我们理解`<rich:treeNode>`的基本概念。它...
<rich:columnGroup> <h:column> <h:outputText styleClass="headerText" value="Name"/> </h:column> ... </rich:columnGroup> </f:facet> ``` 这里使用了`<h:outputText>`标签来显示表头文本,通过`style...
1. **FileUpload组件**:RichFaces 提供了一个名为`<rich:fileUpload>`的组件,用于在Web页面上创建文件上传功能。这个组件允许用户选择本地文件并将其上传到服务器。`<rich:fileUpload>`提供了多种配置选项,如上传...
`<a4j:support>`监听`onkeyup`事件,当用户在`h:inputText`中输入时,会触发`reRender="order"`,使`<rich:message>`组件和`<h:outputText>`组件更新,显示当前输入的验证状态。 6. **处理用户输入** `<a4j:...
`<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:fileUpload fileUploadListener="#{bean.fileUploadListener}" allowedTypes="jpg,jpeg,png" maxFilesQuantity="5" maxFileSize="500000"> <f:validator validatorId="fileSizeValidator" /> </rich:...
`<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...
在Rich组件部分,手册介绍了更复杂的UI组件,如<rich:ajaxValidator>用于表单验证,<rich:column>和<rich:columnGroup>用于数据展示,<rich:dataTable>、<rich:extendedDataTable>以及<rich:scrollableDataTable>...
- **Parameters and JavaScript**:说明如何通过参数和JavaScript来配置 `<rich:componentControl>`。 - **Timing**:讨论 `<rich:componentControl>` 的时间控制选项。 - **Referencedata**:给出具体示例和参考...
<rich:panel header="Simple echo"> <h:inputText size="50" value="#{panelBean.text}"> <a4j:support event="onkeyup" reRender="output" /> </h:inputText> <h:outputText id="output" value="#{panelBean....
<rich:datatable id="myTable" value="#{bean.dataList}" var="item"> <rich:column> <f:facet name="header"> <h:outputText value="日期" /> </f:facet> <h:outputText value="#{item.date}" /> </rich:...
<rich:panel header="Simple echo"> <h:inputText size="50" value="#{panelBean.text}"> <!-- 添加Richfaces的Ajax行为 --> <a4j:support event="onblur" reRender="output" /> </h:inputText> <h:outputText...
<mx:DataGridColumn headerText="满意度" dataField="sat"> <mx:itemRenderer> <mx:Component> <render:SmileFace value="{data.sat}"/> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> ``` - **...
7. 验证组件:包括`<rich:validator>`和`<rich:graphValidator>`,用于客户端验证和对象验证,涵盖了基本用法、消息提示、验证触发器、Ajax回退以及数据引用。 8. 处理管理:文档还可能涉及到如何管理组件的生命...