本文主要是介绍Carousel组件使用指南之二:使用CarouselSpinListener,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
上一个实验的场景是这样的:点击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的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!