<modalpanel> 可以灰掉当前的 panel ,在之上显示另外一个panel
至于普通的用法,我就不提了.
http://livedemo.exadel.com/richfaces-demo/index.jsp
这里有各种控件的使用例子,不明白的可以看看.
这里我只想说两个方面
1. 如果是要接收modalpanel中的数据必须要把传送数据的控件包含在单独的新的form 中,否则你会很奇怪,怎么点都没有反映.
2.很多人认为用modalPanel 只能以异步的方式来控制显示,这样一来带来很多问题,其实是不以异步的方式也可以的,我这里写一个例子.
Jsf 页面
<panel><form id="cform"><commandbutton action="#%7BmodalBean.show%7D" value="show panel"></commandbutton></form>
</panel><modalpanel id="myPanel" width="300" height="400" rendered="#{modalBean.panelShow}" showwhenrendered="true"><form id="mform">
<outputtext value="show success!"></outputtext><br><commandbutton action="#%7BmodalBean.hidden%7D" value="hiddenpanel"></commandbutton>
</form></modalpanel>
后台Bean
public class ModalBean{
private boolean panelShow;
//set..get...
public void show(){
panelShow=true;
}
public void hidden(){
panelShow=false;
}
}
</modalpanel>
分享到:
相关推荐
在本文中,我们将深入探讨 RichFaces 标签的使用,特别是 `rich:componentControl` 和 `rich:modalPanel` 标签,以及 `inputNumberSlider` 和 `PanelBar` 组件。RichFaces 是一个功能丰富的 JavaServer Faces (JSF) ...
在Java的富客户端框架(RichFaces)中,`rich:componentControl`标签和`rich:modalPanel`标签是两个非常重要的组件,它们用于创建交互式的用户界面。`rich:componentControl`标签允许开发者通过AJAX操作来控制其他组件...
`rich:modalPanel`标签用于创建模态对话框,可以设置宽度、高度等样式属性,并通过`rich:componentControl`控制其显示和隐藏。 **示例代码:** ```xml <rich:modalPanel id="panel" width="350" height="100"> ...
`rich:modalPanel` 标签用于创建一个模态面板,即一个弹出式的窗口,常用于需要用户进行确认或填写信息的场景。 - **属性解析**: - `id`:组件的唯一标识符。 - `width` 和 `height`:设置面板的宽度和高度。 -...
例如,`<rich:calendar>`用于日期选择,`<rich:slider>`用于创建滑动条,`<rich:modalPanel>`则用于创建模态对话框。 2. **Ajax支持**: RichFaces的强项之一是其内置的Ajax功能。它使用A4J(Ajax for JSF)库,...
`<rich:modalPanel>`是RichFaces中的一个弹出对话框组件,可以在页面上显示一个模态窗口,通常用于展示信息、确认操作或收集用户输入。用户可以设置其大小、位置、关闭按钮以及其他交互特性。 4. **组件** `...
5. **rich:modalPanel**:模态窗口组件,用于在当前页面上打开一个半透明的覆盖层,突出显示特定内容。 **三、RichFaces与JSF的集成** JSF是一个标准的MVC框架,而RichFaces作为JSF的扩展,可以无缝集成到JSF应用...
比如,我们可以在相册列表页面使用`<rich:datascroller>`组件实现分页加载,使用`<rich:fileUpload>`组件让用户无需刷新页面即可上传图片,使用`<rich:modalPanel>`展示预览图片的弹窗。 在视图层,我们需要创建JSF...
3. **对话框组件**:`<rich:popupPanel>`允许弹出窗口,`<rich:modalPanel>`则提供了模态对话框功能。 4. **效果组件**:如`<rich:effect>`,使用JavaScript库(如jQuery)实现动画和特效。 五、源码学习与调试 ...