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

相关文章

Python itertools中accumulate函数用法及使用运用详细讲解

《Pythonitertools中accumulate函数用法及使用运用详细讲解》:本文主要介绍Python的itertools库中的accumulate函数,该函数可以计算累积和或通过指定函数... 目录1.1前言:1.2定义:1.3衍生用法:1.3Leetcode的实际运用:总结 1.1前言:本文将详

浅析如何使用Swagger生成带权限控制的API文档

《浅析如何使用Swagger生成带权限控制的API文档》当涉及到权限控制时,如何生成既安全又详细的API文档就成了一个关键问题,所以这篇文章小编就来和大家好好聊聊如何用Swagger来生成带有... 目录准备工作配置 Swagger权限控制给 API 加上权限注解查看文档注意事项在咱们的开发工作里,API

Java数字转换工具类NumberUtil的使用

《Java数字转换工具类NumberUtil的使用》NumberUtil是一个功能强大的Java工具类,用于处理数字的各种操作,包括数值运算、格式化、随机数生成和数值判断,下面就来介绍一下Number... 目录一、NumberUtil类概述二、主要功能介绍1. 数值运算2. 格式化3. 数值判断4. 随机

Spring排序机制之接口与注解的使用方法

《Spring排序机制之接口与注解的使用方法》本文介绍了Spring中多种排序机制,包括Ordered接口、PriorityOrdered接口、@Order注解和@Priority注解,提供了详细示例... 目录一、Spring 排序的需求场景二、Spring 中的排序机制1、Ordered 接口2、Pri

Springboot 中使用Sentinel的详细步骤

《Springboot中使用Sentinel的详细步骤》文章介绍了如何在SpringBoot中使用Sentinel进行限流和熔断降级,首先添加依赖,配置Sentinel控制台地址,定义受保护的资源,... 目录步骤 1: 添加 Sentinel 依赖步骤 2: 配置 Sentinel步骤 3: 定义受保护的

Python中Markdown库的使用示例详解

《Python中Markdown库的使用示例详解》Markdown库是一个用于处理Markdown文本的Python工具,这篇文章主要为大家详细介绍了Markdown库的具体使用,感兴趣的... 目录一、背景二、什么是 Markdown 库三、如何安装这个库四、库函数使用方法1. markdown.mark

Deepseek使用指南与提问优化策略方式

《Deepseek使用指南与提问优化策略方式》本文介绍了DeepSeek语义搜索引擎的核心功能、集成方法及优化提问策略,通过自然语言处理和机器学习提供精准搜索结果,适用于智能客服、知识库检索等领域... 目录序言1. DeepSeek 概述2. DeepSeek 的集成与使用2.1 DeepSeek API

使用Navicat工具比对两个数据库所有表结构的差异案例详解

《使用Navicat工具比对两个数据库所有表结构的差异案例详解》:本文主要介绍如何使用Navicat工具对比两个数据库test_old和test_new,并生成相应的DDLSQL语句,以便将te... 目录概要案例一、如图两个数据库test_old和test_new进行比较:二、开始比较总结概要公司存在多

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

如何使用Spring boot的@Transactional进行事务管理

《如何使用Springboot的@Transactional进行事务管理》这篇文章介绍了SpringBoot中使用@Transactional注解进行声明式事务管理的详细信息,包括基本用法、核心配置... 目录一、前置条件二、基本用法1. 在方法上添加注解2. 在类上添加注解三、核心配置参数1. 传播行为(