应用场景：
采用轮播控件对表格中的图片文件进行展示，当点击表格中的图片文件时，使用轮播控件（swiper）显示指定的图片，同时，可以左右翻页，前后浏览所有的图片。
实现思路：
（1）使用JS创建Swiper的躯干（Swiper相当于灵魂，灵魂必须依附肉体才能起作用）。
__createPreviewHtml: function(){
if($('#__sc1').length>0) return;
var html =
''
+ ' X '
+ '
'
+ '
'
+ ''
+ ''
+ ''
+ '';
$(document.body).append(html);
$('#__sc_closeBtn').on('click',this.__hidePreviewBox);
}（2）遍历表格中的图片文件，并塞入Swiper的躯干，获取点击图片文件的索引号（index），URL（通过文件ID唯一标识）。
Smile企业费用管理系统源码1.0
下载
一、源码特点企业费用管理系统，有权限分配，登陆验证，新增角色，发布公告等二、功能介绍1、js的兼容性有个地方不行（比如模块排序，那个时候也是雏鸟一只，写了一小撮，现在用jq应该好处理的吧，ie里面没问题，大家发挥吧）2、里面的菜单和对应菜单下面的目录项可以根据需求自己添加的，有对应模块3、可以根据自己设定的角色添加对应的访问页面4、有些操作涉及到按钮权限，对于这种思路，我粗粗的写了2个自定义控件，
var index = 0;
var i = 0;
me._grid.findRow(function(row){
var fileId2 = row.fileId;
var fileName2 = row.fileName.toLowerCase();
if(fileName2 && imgReg.test(fileName2)==true){
if(fileId == fileId2){
index = i;
}
var picParam = me.fileService + "/preview?fileId=" + encodeURIComponent(fileId2);
var imgHtml = '
';
var $slide = $('');
$('.swiper-wrapper').append($slide);
i++;
}
});
if(typeof(mySwiper) != 'undefined'){
mySwiper.removeAllSlides();
}（3）创建Swiper控件，同时使用Swiper的slideTo(index)方法定位到指定的位置，显示图片。
//$('.swiper-pagination span').eq(index).trigger('click'); }); 
