1. 10 Feb 2012 3:03 PM #1
    aacoro
    aacoro is offline
    Sencha User
    Join Date
    Sep 2010
    Location
    Netherlands
    Posts
    120
    Vote Rating
    4
    Answers
    3
    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?
    Reply With Quote Reply With Quote
  2. Best Answer Posted by mitchellsimoens

    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. 12 Feb 2012 8:53 AM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    34,107
    Vote Rating
    453
    Answers
    3157
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      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
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

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