/**
* @Author sai
* Carousel 模仿list itemtap事件
*/
Ext.define('SmartMenu.view.tips.Carousel', {
extend: 'Ext.Carousel',
xtype:'myCarousel',
requires: [
'Ext.carousel.Carousel',
],
config: {
direction: 'horizontal',
listeners: {
'initialize':function(carousel){
Ext.getStore('Pictures').load(function(pictures) {
var myitems = [];
Ext.each(pictures, function(picture) {
if (!picture.get('image_url')) {
return;
}
myitems.push(
{xtype:'panel',
listeners : {
painted : function(panel) {
var el = panel.element;
el.on('tap', function(e, t) {
this.getParent().onTap(picture.data.id);
}, panel);
}
},
items:[{html:'<img src="'+picture.data.image_url[0]+'"/>'+'<br>'+picture.data.title }
]} );
});
carousel.setItems(myitems);
setInterval(function(){
if(i<carousel.getItems().length)
{
i+=1;
carousel.setActiveItem(i);
}
else
{
carousel.setActiveItem(0);
i=0;
}
},1000);
});
}
},
},
onTap:function(id){
//debugger;
var store= Ext.getStore('Pictures');
var data=store.findRecord('id',id).getData();
var menu= Ext.create('SmartMenu.view.tips.SeasonDetails',{fullscreen: true,data: data});
Ext.getCmp('home_nav').setActiveItem(menu);
}
});
分享到:
相关推荐
sencha touch 折叠list
sencha touch list demo
Sencha Touch 2入门教程之MVC 讲解如何使用 Sencha Touch 2 mvc模式来开发一个登录界面
sencha touch 2 实现的贪吃蛇 希望对大家有所帮助
本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...
sencha touch2移动开发框架,ajax获取数据
Sencha Touch开发的项目《般若人生》源码
sencha touch 应用案例 sencha touch 案例 一个完整的sencha touch 应用案例 移动WEB社区开发的日志案例 非常不错!
Sencha Touch 2 简介知识,环境搭建,组件介绍和布局事例
A demonstration of how the list view works in Sencha Touch 2.
sencha touch cookbook 英文高清文字版 !
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
sencha touch 2.4.0最新版 原版包下载
sencha touch中文翻译文档,包含sencha touch入门基础和一些控件的使用说明
Sencha Touch 2入门教程之MVC例子程序源代码 用Sencha Touch 2 之MVC模式写的一个登录界面的例子
产品正式运行阶段时均从app-all.js脚本文件中动态加载应用程序所需使用的Sencha Touch 2框架的各种类与组件,不需要使用到sdk子文件夹下的src子文件夹中的任何文件。 3.第十五章的其他子文件夹与“第十六章”子...
sencha touch 是一个移动平台UI开发框架,可以实现各种绚丽的页面效果