1. #1
    Sencha User
    Join Date
    Sep 2010
    Location
    Netherlands
    Posts
    120
    Answers
    3
    Vote Rating
    4
    aacoro is on a distinguished road

      0  

    Default Answered: 'oldCard' in management are inactive items hidden or removed from DOM?

    Answered: 'oldCard' in management are inactive items hidden or removed from DOM?


    Hi,

    In early version of Sencha if we use CardLayout we should manage the oldCards (inactive cards that are ot visible) ourself. They were present at DOM level (HTML) but not visible...

    In the current version I only see the active card in HTML, are the inactive cards now automatically managed or am I missing the point here?

  2. The hidden card is not removed. This is going to have to be handled by you. This code:

    Code:
    new Ext.Container({
        fullscreen : true,
        layout     : 'card',
        items      : [
            {
                html : 'One'
            },
            {
                html : 'Two'
            }
        ]
    });
    Produces this DOM and notice the 2nd item that has display: none

    Attachment 31632

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,346
    Answers
    3541
    Vote Rating
    847
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    The hidden card is not removed. This is going to have to be handled by you. This code:

    Code:
    new Ext.Container({
        fullscreen : true,
        layout     : 'card',
        items      : [
            {
                html : 'One'
            },
            {
                html : 'Two'
            }
        ]
    });
    Produces this DOM and notice the 2nd item that has display: none

    Screen Shot 2012-02-12 at 10.52.07 AM.jpg
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

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

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

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

Thread Participants: 1

Tags for this Thread