1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    3
    Vote Rating
    0
    m0ngr31 is on a distinguished road

      0  

    Default Nested List inside of Tab Panel?

    Nested List inside of Tab Panel?


    Hey guys, I've started a project with sencha touch (my first real experience with JS), and I'm afraid I've bitten off more than I can chew..

    I've created most of my webapp but I'm having a problem trying to put a Nested list inside of a tab panel. I get this error:
    Uncaught TypeError: Cannot call method 'getRootNode' of undefined.

    And here's how I'm trying to insert it:
    {
    title: 'Settings',
    iconCls: 'settings',
    layout: 'card',
    items: [nestedPanel]
    }

    Can someone point me in the right direction?

  2. #2
    Sencha User
    Join Date
    May 2010
    Posts
    1
    Vote Rating
    0
    gaara87 is on a distinguished road

      0  

    Default I 'm facing the same problem too...do tell me if you figured out the solution!

    I 'm facing the same problem too...do tell me if you figured out the solution!


    I 'm facing the same problem too...do tell me if you figured out the solution!

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    29
    Vote Rating
    0
    koolaid1551 is on a distinguished road

      0  

    Default


    Here is a simle way of doing it, I just created a panel with a tabpanel and docked a nestedlist in one of the cards

    PHP Code:
    Ext.setup({
    onReady: function () {
    // store with data 
    var data = {
    text'Groceries',
    items: [{
    text'Drinks',
    items: [{
    text'Water',
    items: [{
    text'Sparkling',
    leaftrue
    }, {
    text'Still',
    leaftrue
    }]
    }, {
    text'Coffee',
    leaftrue
    }, {
    text'Espresso',
    leaftrue
    }, {
    text'Redbull',
    leaftrue
    }, {
    text'Coke',
    leaftrue
    }, {
    text'Diet Coke',
    leaftrue
    }]
    }, {
    text'Fruit',
    items: [{
    text'Bananas',
    leaftrue
    }, {
    text'Lemon',
    leaftrue
    }]
    }, {
    text'Snacks',
    items: [{
    text'Nuts',
    leaftrue
    }, {
    text'Pretzels',
    leaftrue
    }, {
    text'Wasabi Peas',
    leaftrue
    }]
    }, {
    text'Empty Category',
    items: []
    }]
    };
    Ext.regModel('ListItem', {
    fields: [{
    name'text',
    type'string'
    }]
    });
    var 
    store = new Ext.data.TreeStore({
    model'ListItem',
    rootdata,
    proxy: {
    type'ajax',
    reader: {
    type'tree',
    root'items'
    }
    }
    });
    var 
    nestedList = new Ext.NestedList({
    fullscreentrue,
    title'Groceries',
    displayField'text',
    storestore
    });
    var 
    appPanel = new Ext.Panel({
    id'appPanel',
    fullscreentrue,
    dockedItems: {
    xtype'tabpanel',
    layout: {
    pack"center"
    },
    fullscreentrue,
    items: [{
    title'test1',
    html'<p>test 1</p>'
    }, {
    title'NestedList',
    dockedItemsnestedList
    }, {
    title'test3',
    html'<p>test 3</p>'
    }]
    }
    });
    // end onReady 
    }); 

Thread Participants: 2