组件代码写道
<td colspan="3">
<rich:listShuttle id="sds" sourceValue="#{responseRBean.warnRs}" targetValue="#{responseRBean.gwarnRs}" var="warnitems"
listHeight="600" sourceListWidth="200" targetListWidth="200" copyControlLabel="添加" removeControlLabel="移除" copyAllControlLabel="全部添加"
removeAllControlLabel="全部移除" topControlLabel="顶层" upControlLabel="上移" downControlLabel="下移" bottomControlLabel="底层"
converter="wRecordRConverter"
sourceCaptionLabel="待选预警" targetCaptionLabel="已选预警">
<rich:column>
<h:outputText value="#{warnitems.warnNM}" style="cursor:pointer" ></h:outputText>
</rich:column>
</rich:listShuttle>
</td>
样式控制 写道
<style type="text/css">
table.rich-shuttle-internal-tab td{height:20px;}
td.rich-shuttle-source-cell-selected{
background-color:#93BFE5;
height:20px;
}
td.rich-shuttle-target-cell-selected{
background-color:#93BFE5;
height:20px;
}
</style>
- 大小: 5.6 KB
分享到:
相关推荐
### <rich:listShuttle>标签使用 在JavaServer Faces (JSF)开发中,`rich:listShuttle`是RichFaces库中的一个非常实用的组件,主要用于实现列表项的双向选择和移动功能。例如,在用户界面中展示两个列表,并允许...
本文将深入探讨如何使用RichFaces的`<rich:treeNode>`标签来开发动态树形结构视图。这个标签是RichFaces框架中的一个重要组成部分,常用于构建层次化的数据展示。 首先,让我们理解`<rich:treeNode>`的基本概念。它...
这里使用了`<h:outputText>`标签来显示表头文本,通过`styleClass`属性设置样式。 ##### 4. 显示数据 每列的具体数据通过`<h:column>`标签来定义,如: ```xml <h:column> <h:outputText value="#{car.name}"/> </...
`<a4j:support>`监听`onkeyup`事件,当用户在`h:inputText`中输入时,会触发`reRender="order"`,使`<rich:message>`组件和`<h:outputText>`组件更新,显示当前输入的验证状态。 6. **处理用户输入** `<a4j:...
<rich:fileUpload fileUploadListener="#{bean.fileUploadListener}" allowedTypes="jpg,jpeg,png" maxFilesQuantity="5" maxFileSize="500000"> <f:validator validatorId="fileSizeValidator" /> </rich:...
在Rich组件部分,手册介绍了更复杂的UI组件,如<rich:ajaxValidator>用于表单验证,<rich:column>和<rich:columnGroup>用于数据展示,<rich:dataTable>、<rich:extendedDataTable>以及<rich:scrollableDataTable>...
1. **FileUpload组件**:RichFaces 提供了一个名为`<rich:fileUpload>`的组件,用于在Web页面上创建文件上传功能。这个组件允许用户选择本地文件并将其上传到服务器。`<rich:fileUpload>`提供了多种配置选项,如上传...
<rich:panelBarItem label="Write your own custom rich components with built-in AJAX support"> Component Development Kit (CDK) is a design-time extension for Ajax4jsf. The CDK includes... </rich:...
<rich:panelBarItem label="Write your own custom rich components with built-in AJAX support"> Component Development Kit (CDK) is a design-time extension for Ajax4jsf. The CDK includes... </rich:...
`<rich:modalPanel>`是RichFaces中的一个弹出对话框组件,可以在页面上显示一个模态窗口,通常用于展示信息、确认操作或收集用户输入。用户可以设置其大小、位置、关闭按钮以及其他交互特性。 4. **<rich:...
例如,`<rich:calendar>`用于日期选择,`<rich:slider>`用于创建滑动条,`<rich:modalPanel>`则用于创建模态对话框。 2. **Ajax支持**: RichFaces的强项之一是其内置的Ajax功能。它使用A4J(Ajax for JSF)库,...
<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:datascroller>`实现分页加载,利用`<rich:dragSupport>`和`<rich:dropSupport>`实现行拖动,以及`<rich:treeGrid>`提供树形表格视图,开发者可以创建出既美观又实用的用户界面。同时,掌握这些组件的使用...
<?xml version="1.0" encoding="utf-8"?> <mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" xmlns:base="com.hactl.cosac.ui.rich.common.base.*" xmlns:utils=...
在这个特定的文档示例中,开发者正在使用 `<xp:repeat>` 来展示视图(view)中的多条记录,并通过富文本域(Rich Text Field)来显示每个记录的详细内容。下面我们将深入探讨 `<xp:repeat>` 组件以及如何与富文本域...
1. **组件的使用**:研究`<h:*>`和`<rich:*>`等标签,了解它们的属性和用法。 2. **数据绑定**:观察如何将组件与后台Bean的属性绑定,实现数据的双向传输。 3. **事件处理**:学习如何使用`<f:ajax>`或`<h:command...
5. **实现扩展功能**:RichFaces的`<rich:tree>`组件提供了许多扩展功能,比如节点展开/折叠、选择节点、节点操作等。可以通过添加额外的属性和子标签来实现这些功能。例如,使用`switchType="client"`可以让树的...
1. **数据展示组件**:如`<rich:datascroller>`和`<rich:extendedDataTable>`,它们提供了分页和排序功能,增强了表格数据的展现。 2. **表单组件**:如`<rich:calendar>`和`<rich:slider>`,提供了日期选择和滑块...
1. **组件库**:RichFaces的组件库是其核心,包括但不限于数据表(`<rich:datascroller>`、`<rich:extendedDataTable>`)、对话框(`<rich:popupPanel>`)、时间选择器(`<rich:calendar>`)、文件上传(`<rich:...
<rich:commandButton value="Ajax Button" action="#{bean.actionMethod}"> <a4j:ajax event="click" render="targetComponent" /> </rich:commandButton> <h:outputText id="targetComponent" value="#{bean....