Carousel组件使用指南之二:使用CarouselSpinListener

本文主要是介绍Carousel组件使用指南之二:使用CarouselSpinListener,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

运行环境:JDeveloper 11.1.2.2.0 + Oracle Database 10g Express Edition 10.2.0.1。

上一个实验的场景是这样的:点击Table的某行,然后局部刷新Carousel组件显示相应的图片。
本实验的场景将倒过来:旋转Carousel组件中的图片,然后局部刷新Table定位到相应的行。

重点步骤说明:

1. 使用Java类作为Model层实现,并为StoreProducts.java生成Data Control
这一步与上一个实验完全相同。

2. 创建页面
(1)拖放products,生成Carousel。
(2)拖放image组件到Carousel中心区域,并设置相关属性。
最终的Carousel页面代码如下:
<af:carousel currentItemKey="#{bindings.products.treeModel.rootCurrencyRowKey}"value="#{bindings.products.treeModel}" var="item" id="c1"carouselSpinListener="#{myBackingBean.carouselSpinListener}"><f:facet name="nodeStamp"><af:carouselItem id="ci1"><af:image source="#{item.image}" id="i1"/></af:carouselItem></f:facet>
</af:carousel>

(3)拖放products,生成Read-Only Table,设置Table的PPR属性指向Carousel组件id。

3. Managed Bean中的方法:carouselSpinListener
    public void carouselSpinListener(CarouselSpinEvent carouselSpinEvent) {List currentSelectedKey = (List)carouselSpinEvent.getNewItemKey();RichCarousel carousel = (RichCarousel)carouselSpinEvent.getSource();CollectionModel componentModel = (CollectionModel)carousel.getValue();JUCtrlHierBinding carouselTreeBinding = (JUCtrlHierBinding)componentModel.getWrappedData();JUCtrlHierNodeBinding selectedCarouselItemNode = carouselTreeBinding.findNodeByKeyPath(currentSelectedKey);Key currentCarouselItemKey = selectedCarouselItemNode.getRowKey();DCIteratorBinding dcIterBinding = carouselTreeBinding.getIteratorBinding();dcIterBinding.setCurrentRowWithKey(currentCarouselItemKey.toStringFormat(true));}

说明:旋转图片时,并没有定位到Carousel组件对应Binding的对应节点,因此需要在程序中做这部分工作。
这一点,Carousel组件与Table/Tree组件是不同的,后者是自动定位到对应Binding的对应节点。

4. 运行
点击后面的图片,会发现Table被局部刷新并定位到相应行。


Project 下载: ADF_Carousel(2).7z

参考文献:

1. http://www.oracle.com/technetwork/developer-tools/adf/learnmore/009-carousel-master-detail-169128.pdf


http://maping930883.blogspot.com/2011/08/adf107carouselcarouselspinlistener.html

这篇关于Carousel组件使用指南之二:使用CarouselSpinListener的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/376798

相关文章

Java中的Cursor使用详解

《Java中的Cursor使用详解》本文介绍了Java中的Cursor接口及其在大数据集处理中的优势,包括逐行读取、分页处理、流控制、动态改变查询、并发控制和减少网络流量等,感兴趣的朋友一起看看吧... 最近看代码,有一段代码涉及到Cursor,感觉写法挺有意思的。注意是Cursor,而不是Consumer

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

Rust中的注释使用解读

《Rust中的注释使用解读》本文介绍了Rust中的行注释、块注释和文档注释的使用方法,通过示例展示了如何在实际代码中应用这些注释,以提高代码的可读性和可维护性... 目录Rust 中的注释使用指南1. 行注释示例:行注释2. 块注释示例:块注释3. 文档注释示例:文档注释4. 综合示例总结Rust 中的注释

Linux使用cut进行文本提取的操作方法

《Linux使用cut进行文本提取的操作方法》Linux中的cut命令是一个命令行实用程序,用于从文件或标准输入中提取文本行的部分,本文给大家介绍了Linux使用cut进行文本提取的操作方法,文中有详... 目录简介基础语法常用选项范围选择示例用法-f:字段选择-d:分隔符-c:字符选择-b:字节选择--c

使用Go语言开发一个命令行文件管理工具

《使用Go语言开发一个命令行文件管理工具》这篇文章主要为大家详细介绍了如何使用Go语言开发一款命令行文件管理工具,支持批量重命名,删除,创建,移动文件,需要的小伙伴可以了解下... 目录一、工具功能一览二、核心代码解析1. 主程序结构2. 批量重命名3. 批量删除4. 创建文件/目录5. 批量移动三、如何安

springboot的调度服务与异步服务使用详解

《springboot的调度服务与异步服务使用详解》本文主要介绍了Java的ScheduledExecutorService接口和SpringBoot中如何使用调度线程池,包括核心参数、创建方式、自定... 目录1.调度服务1.1.JDK之ScheduledExecutorService1.2.spring

Java使用Tesseract-OCR实战教程

《Java使用Tesseract-OCR实战教程》本文介绍了如何在Java中使用Tesseract-OCR进行文本提取,包括Tesseract-OCR的安装、中文训练库的配置、依赖库的引入以及具体的代... 目录Java使用Tesseract-OCRTesseract-OCR安装配置中文训练库引入依赖代码实

Vue3中的动态组件详解

《Vue3中的动态组件详解》本文介绍了Vue3中的动态组件,通过`component:is=动态组件名或组件对象/component`来实现根据条件动态渲染不同的组件,此外,还提到了使用`markRa... 目录vue3动态组件动态组件的基本使用第一种写法第二种写法性能优化解决方法总结Vue3动态组件动态