Threaded View

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


    Default 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...

    <!DOCTYPE html><html>
        <link rel="stylesheet" href="" type="text/css">
        <script type="text/javascript" src=""></script>
        <script type="text/javascript">
            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'

  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