1. #1
    Sencha User
    Join Date
    Dec 2013
    Posts
    1
    Vote Rating
    0
    MaxMiraculix is on a distinguished road

      0  

    Default Unanswered: Table of Contents for carousel

    Unanswered: Table of Contents for carousel


    I'm putting together a magazine app. The idea is, that readers can either swipe from one article to next or select an article in a table of contents. For the first mode of navigation I used sencha's carousel. I want to realize the table of contents as a list of hyperlinks in an HTML-file – so far I haven't figured out how to navigate to an item within the carousel. I hope there is some way to achieve this.

    Below you find the code I use for the carousel.
    I'm grateful for any help.


    PHP Code:
       var seitenListe = ["cover.html","toc.html","pag01.html","page02.html","page03.html"];
                var 
    seite = new Array();
                var 
    carouseltoolbar;
            
                new 
    Ext.application({
                    
    name'PhiltratApp',
                    
    statsBarStyle'black',
                    
    icon'bilder/icon-ipad.png',
                    
    launch: function() {
                    
                        
                        
    toolbar Ext.create("Ext.Toolbar", {
                            
    title"Philtrat",
                            
    items: [{
                                
    xtype"button",
                                
    dock"left",
                                
    iconCls'home',
                                
    iconMasktrue,
                                
    handler: function(){
                                
    carousel.setActiveItem(0);
                                }
                            }]
                        });
                    
                        
                        
    carousel Ext.create("Ext.Carousel", {
                            
    flex1
                        
    });
                                        
                        
                        
    Ext.create("Ext.Container", {
                            
    fullscreentrue,
                            
    layout'vbox',
                            
    items: [ toolbarcarousel ]
                        });


                       
                        for (
    i in seitenListe) {
                            
    Ext.Ajax.request({
                                
    urlseitenListe[i],
                                
    params: {
                                    
    id1
                                
    },
                                
    success: function(response){
                                    var 
    seite Ext.create('Ext.Panel', { 
                                        
    htmlresponse.responseText,
                                        
    scrollable: {
                                            
    direction'vertical',
                                            
    directionLocktrue
                                        
    }
                                    });
                                    
    carousel.add(seite);
                                    
    carousel.show();
                                }
                            });
                        }
                    }
                });






            
    </script> 

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,978
    Vote Rating
    132
    Answers
    335
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Intercepting click events on anchor tags was covered in the December Support Tips article.
    See the last example in the 'Event Delegation in Sencha Touch' section.
    http://www.sencha.com/blog/top-suppo...-december-2013
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

Thread Participants: 1

Tags for this Thread