Carousel is an extension of Ext.Panel
and provides the ability to slide back and forth between different child items. Carousel, internally, uses the card layout to render items and allows the user to slide back and forth by setting the active item appropriately.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry out the following steps:
Create and open a new file named ch06_03.js and paste the following code in it:
Ext.setup({ onReady: function() { var actionSheet = new Ext.ActionSheet({ ……….. //code is same as the one in previous recipe ……….. //code is same as the one in previous recipe }); var data = [{ album:'rose', url:'http://www.pictures.vg/vgflowers/400x300/flowers_pics_4870.jpg', title:'Rose 1', about:'Peach'}, ………. //code is same as the one in previous recipe ………. //code is same as the one in previous recipe...