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
    2,882
    Answers
    223
    Vote Rating
    89
    fmoseley is just really nice fmoseley is just really nice fmoseley is just really nice fmoseley is just really nice fmoseley is just really nice

      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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar