Threaded View

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    14
    Answers
    1
    Vote Rating
    2
    Simon.liu is on a distinguished road

      0  

    Default Answered: Put a nestedlist in a tabpanel? doesn't work in Sencha touch 2....

    Answered: Put a nestedlist in a tabpanel? doesn't work in Sencha touch 2....


    I am trying to put a nested list as a tab in a tabpanel... i assume following codes should work.. however, it doesn't. the list items don't show... since this was a bug in touch-1 PR version, i am wondering whether this is another one in touch-2 PR version...

    Code:
    <!DOCTYPE html><html>
    <head>
        <title>Test</title>
        <link rel="stylesheet" href="http://docs.sencha.com/touch/2-0/touch/resources/css/sencha-touch.css" type="text/css">
        <script type="text/javascript" src="http://docs.sencha.com/touch/2-0/touch/sencha-touch-all.js"></script>
        <script type="text/javascript">
            Ext.setup({
            onReady : function() {    
                var nestedList = Ext.create('Ext.dataview.NestedList', {
                    title: 'Options',       
                    items: [{
                        text: 'Option A',
                        items: [{
                            text: 'Option A.1',
                            leaf: true
                        },{
                            text: 'Option A.2',
                            leaf: true
                        }]
                    },{
                        text: 'Option B',
                        items: [{
                            text: 'Option B.1',
                            leaf: true,
                        },{
                            text: 'Option B.2',
                            leaft: true
                        }]
                    }]        
                });   
     
            Ext.create('Ext.TabPanel', {
                fullscreen: true,
                tabBarPosition: 'bottom',
    
    
    
    
                items: [
                    {
                        title: 'Home',
                        iconCls: 'home',
                        items: [nestedList]
                    },
                    {
                        title: 'Contact',
                        iconCls: 'user',
                        html: 'Contact Screen'
                    }
                ]
            });
        }
    });
        </script>
    </head>
    <body>
    </body>
    </html>

  2. it turns out that the width/height of nestedlist need to be specified.. or specify its layout..then it'll work.

Thread Participants: 2

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