salesforce 零基础学习(六十一)apex:component简单使用以及图片轮转播放的实现
2016-12-30 17:57
525 查看
有的时候,我们项目有可能有类似需求:做一个简单的图像轮转播放功能,不同的VF页面调用可以显示不同的图片以及不同的图片描述。这种情况,如果在每个页面单独处理相关的图像轮转播放则显得代码特别冗余,此种情况下适合使用apex:component实现,将图像轮转的功能做成一个组件,图像的URL以及图像的描述信息可以作为参数传递进来,不同的VF可以放置不同的图像 URLS 和描述信息。
一.apex:component简单用法介绍:
apex:component作为预定义的组件通常需要VF页面进行相关传值操作实现其自身的特定功能,所以apex:attribute标签作为参数传递必不可少。(详情看page的PDF)
apex:attribute主要有一下几个属性:
name:定义属性的名称,相关VF页面需要对此名称进行value赋值;
description:定义属性的描述;
type:定义attribute的属性类型,传递的类型如下图所示
二.图片轮转播放的实现:
项目实现的功能为通过page页面传递过来的多个图片以及多个图片的描述,通过component组件实现图片轮播,并且图片描述显示在当前图片上。
通过上述需求,我们可以看出来,需要在component定义两个属性,一个是图片URL的数组,一个是图片描述的数组。
项目位置放在git上:https://github.com/zhangyueqidlmu/picture_carousel
将static resource目录下的static resource.zip放到salesforce中static resource中并命名为pictureCarousel
将代码中相关component,controller和page复制到环境中,其中controller的URL为图片的URL,根据自己存储图片的位置更改相关的URL。
效果展示:
https://github.com/zhangyueqidlmu/picture_carousel/raw/master/a.avi
总结:此篇主要通过apex:component实现图片轮转播放功能,篇中有错误地方欢迎指出,有问题欢迎留言。
一.apex:component简单用法介绍:
apex:component作为预定义的组件通常需要VF页面进行相关传值操作实现其自身的特定功能,所以apex:attribute标签作为参数传递必不可少。(详情看page的PDF)
apex:attribute主要有一下几个属性:
name:定义属性的名称,相关VF页面需要对此名称进行value赋值;
description:定义属性的描述;
type:定义attribute的属性类型,传递的类型如下图所示
二.图片轮转播放的实现:
项目实现的功能为通过page页面传递过来的多个图片以及多个图片的描述,通过component组件实现图片轮播,并且图片描述显示在当前图片上。
通过上述需求,我们可以看出来,需要在component定义两个属性,一个是图片URL的数组,一个是图片描述的数组。
项目位置放在git上:https://github.com/zhangyueqidlmu/picture_carousel
将static resource目录下的static resource.zip放到salesforce中static resource中并命名为pictureCarousel
将代码中相关component,controller和page复制到环境中,其中controller的URL为图片的URL,根据自己存储图片的位置更改相关的URL。
效果展示:
https://github.com/zhangyueqidlmu/picture_carousel/raw/master/a.avi
总结:此篇主要通过apex:component实现图片轮转播放功能,篇中有错误地方欢迎指出,有问题欢迎留言。
相关文章推荐
- salesforce 零基础学习(二十六)自定义图表chart简单介绍(使用apex和VF实现)
- salesforce 零基础学习(五十一)使用 Salesforce.com SOAP API 实现用户登录以及简单的增删改查(JAVA访问salesforce)
- salesforce 零基础学习(三十六)通过Process Builder以及Apex代码实现锁定记录( Lock Record)
- salesforce 零基础学习(五十九)apex:param使用以及相关的疑惑
- salesforce零基础学习(八十)使用autoComplete 输入内容自动联想结果以及去重实现
- 学习淘淘商城第十九课(搭建单机版FastDFS图片服务器以及使用FastDFS-Client客户端进行简单测试)
- 学习淘淘商城第十九课(搭建单机版FastDFS图片服务器以及使用FastDFS-Client客户端进行简单测试)
- salesforce 零基础学习(二十八)使用ajax方式实现联动
- salesforce零基础学习(八十九)使用 input type=file 以及RemoteAction方式上传附件
- salesforce零基础学习(七十四)apex:actionRegion以及apex:actionSupport浅谈
- salesforce 零基础开发入门学习(三)sObject简单介绍以及简单DML操作(SOQL)
- Java基础课程学习总结,使用LinkedList简单模拟队列数据结构和堆栈数据结构的实现
- salesforce 零基础学习(七十)使用jquery tree实现树形结构模式
- salesforce 零基础学习(四十四)实现checkbox列表简单过滤功能
- 【Dubbo基础】dubbo学习过程、使用经验分享及实现原理简单介绍
- salesforce 零基础学习(二十二)Test简单使用
- salesforce lightning零基础学习(一) lightning简单介绍以及org开启lightning
- salesforce零基础学习(七十七)队列的实现以及应用
- Android基础学习,使用Drawable资源之ClipDrawable资源,实现图片在特定位置展开。
- salesforce 零基础学习(四十九)自定义列表分页之使用Pagination实现分页效果 ※※※